vite 的 define,结合process.env.NODE_ENV来配置
时间: 2024-01-09 19:51:44 浏览: 284
深入理解webpack process.env.NODE_ENV配置
5星 · 资源好评率100%
在 Vite 中使用 `define` 可以定义一些全局变量,这些变量在打包时会被替换成指定的值。结合 `process.env.NODE_ENV` 可以实现根据不同环境打包不同的代码。
比如可以在 `vite.config.js` 中这样配置:
```javascript
export default {
define: {
'process.env': {
NODE_ENV: JSON.stringify(process.env.NODE_ENV)
}
}
}
```
然后在代码中就可以这样使用:
```javascript
if (process.env.NODE_ENV === 'development') {
console.log('开发环境')
} else {
console.log('生产环境')
}
```
这样,在开发环境中打包时,`process.env.NODE_ENV` 的值会被替换成 `"development"`,而在生产环境中打包时,`process.env.NODE_ENV` 的值会被替换成 `"production"`。这样就可以根据不同的环境来打包不同的代码了。
阅读全文