.env.development 和.env.production,vue2脚手架中我现在想把development变成production,如何切换
时间: 2023-08-25 13:28:05 浏览: 181
基于vue3和ElementPlus的中后台快速应用脚手架.zip
如果你想将Vue2脚手架的构建模式从`development`切换到`production`,需要进行以下步骤:
1. 修改`package.json`文件中的`build`命令,将`NODE_ENV`设置为`production`:
```
"scripts": {
"serve": "vue-cli-service serve",
"build": "cross-env NODE_ENV=production vue-cli-service build",
...
}
```
2. 修改`config`目录下的`index.js`文件,将`envPath`变量设置为`.env.production`:
```
// config/index.js
const path = require('path')
const dotenv = require('dotenv')
// 加载 .env.production 文件
const envPath = '.env.production'
const envResult = dotenv.config({ path: path.resolve(envPath) })
if (envResult.error) {
throw envResult.error
}
module.exports = {
// ...
}
```
3. 在根目录下创建`.env.production`文件,并将需要的环境变量写入其中。
4. 执行`npm run build`命令进行构建。
上面的步骤将会把Vue2脚手架的构建模式切换到`production`,并读取`.env.production`文件中的环境变量。如果需要切换回`development`模式,只需要将上面的步骤中的`production`替换为`development`即可。
阅读全文