如何在Vite的配置文件中设置process.env.NODE_ENV?
时间: 2024-01-18 12:18:29 浏览: 852
dot-env:env配置文件
在Vite的配置文件中设置`process.env.NODE_ENV`可以通过以下步骤实现:
1. 在项目根目录下创建一个`.env`文件,文件名可以根据需要自定义,例如`.env.development`、`.env.production`等。
2. 在`.env`文件中,设置`NODE_ENV`的值。例如,如果要设置为开发环境,可以将其设置为`development`;如果要设置为生产环境,可以将其设置为`production`。
3. 在Vite的配置文件(`vite.config.js`)中,可以通过`import.meta.env`来访问`process.env.NODE_ENV`的值。
以下是一个示例:
```javascript
// .env.development
NODE_ENV=development
// .env.production
NODE_ENV=production
```
```javascript
// vite.config.js
export default {
// ...
build: {
// ...
rollupOptions: {
input: {
main: 'src/main.js'
},
output: {
// ...
banner: `console.log('Current environment:', import.meta.env.MODE)` // 打印当前环境
}
}
}
}
```
在上述示例中,根据不同的环境配置文件,`process.env.NODE_ENV`的值会被设置为相应的环境值。在`vite.config.js`中,通过`import.meta.env.MODE`可以获取到`process.env.NODE_ENV`的值,并在打包过程中进行相应的处理。
阅读全文