使用特定环境文件运行"npm run build"



每当我运行"npm运行构建";命令,我的vue项目自动使用"。env.production";文件(这是我的.env文件之一(。我想通过指定env文件来构建我的项目,例如

  1. npm运行build.env.production(部署在生产服务器上(
  2. npm运行build.env.development(部署在开发服务器上(

当运行";npm运行构建"????

您可以通过运行npm run build --mode production --dest ./dist/production来完成此操作

您可以通过编辑package.json文件并添加下面的运行脚本来实现这一点。

当您在build命令中添加--mode和--dest时,它将把它传递给构建脚本,并查找提到的env

"build-production": "vue-cli-service build --mode production --dest ./dist/production",

这将从名为.env.production的文件中获取环境变量。如果找不到,将搜索名为.ev 的文件

并将在名为dist/production的目录中导出构建,您可以从--dest-part 更改

然后你应该运行

npm run build-production

这将在生产中运行,您可以进行第二次编写并更改为从.env.development读取的开发类似的东西

"build-development": "vue-cli-service build --mode development --dest ./dist/development",

最新更新