别名

vite.config.ts中添加代码如下即可

//设置别名
    resolve: {
      alias: {
          "@": path.resolve(process.cwd(),"src"),//用@替代src
      }
    }

随后即可使用

配置多环境

vite.config.ts中添加代码如下

 envDir: './viteenv',//相对路径

随后在项目根目录创建对应的viteenv目录，并在目录下创建环境配置文件：
".env.development"代表开发环境配置文件。
".env.production"代表生产环境配置文件。

# 页面标题
VITE_APP_TITLE = 开发环境标题

# 开发环境配置
VITE_APP_ENV = 'development'

# 开发环境
VITE_APP_BASE_API = 'http://localhost:60000'

# 页面标题
VITE_APP_TITLE = 生产环境标题

# 生产环境配置
VITE_APP_ENV = 'production'

# 生产环境
VITE_APP_BASE_API = 'http://yeanhoo.com:60000'

在项目中可以通过下面的方式进行引用：

const title = import.meta.env.VITE_APP_TITLE;