uniapp切换process.env.NODE_ENV
时间: 2024-06-17 11:05:52 浏览: 245
uni-app 中的 process.env.NODE_ENV 可以用来判断当前环境是开发环境还是生产环境。在开发过程中,我们可能需要在不同环境下使用不同的配置。常见的情况是,在开发环境中使用不同于生产环境的 API 地址。
在 uni-app 中,通过修改 `webpack` 配置文件的方式,可以实现切换 `process.env.NODE_ENV` 的值。具体来说,我们可以在项目根目录下找到 `vue.config.js` 文件,然后在其中增加如下配置代码:
```
module.exports = {
configureWebpack: {
devtool: 'source-map'
},
chainWebpack: config => {
config.plugin('define').tap(args => {
args[0]['process.env'].NODE_ENV = JSON.stringify(process.env.NODE_ENV)
return args
})
}
}
```
上面的代码中,我们通过配置 `chainWebpack` 来修改 `process.env.NODE_ENV` 的值。当我们在开发环境中运行时,`process.env.NODE_ENV` 的值会被设置为 `"development"`;当我们在生产环境中运行时,`process.env.NODE_ENV` 的值会被设置为 `"production"`。
同时,为了能够让开发人员方便地查看代码的执行结果和错误信息,上面的代码还增加了 `devtool: 'source-map'` 配置,用于生成 source map。
阅读全文