vite.config.ts如何引用vite配置环境变量
时间: 2023-08-11 11:08:41 浏览: 722
Go-envconfig-从环境变量读取你的配置
可以在vite.config.ts中使用process.env来引用vite配置的环境变量。例如,假设在.env文件中定义了一个名为VITE_API_URL的环境变量,可以在vite.config.ts中使用下面的代码来引用该环境变量:
```javascript
import { defineConfig } from 'vite';
export default defineConfig({
build: {
// 使用环境变量
rollupOptions: {
output: {
// 引用环境变量
dynamicImportFunction: '__import__',
},
},
},
// 环境变量配置
env: {
VITE_API_URL: process.env.VITE_API_URL,
},
});
```
然后在应用程序的代码中,可以使用process.env.VITE_API_URL来访问该环境变量。注意,这里使用了动态导入的函数__import__来引入模块,这是因为在静态导入中无法使用process.env。
阅读全文