[问题探讨]VUE项目为新环境配置新的npm run打包命令

需求:VUE项目为新环境配置新的npm run打包命令,为此命令定义专属环境变量,比如预发布环境npm run preDeploy

STEP1:先上图解释npm run build命令如何获取环境变量

1,npm run build命令调用 build文件夹中的build.js
[问题探讨]VUE项目为新环境配置新的npm run打包命令
2,build.js调用了build文件中的webpack.prod.conf.js
[问题探讨]VUE项目为新环境配置新的npm run打包命令
3,webpack.prod.conf.js调用了config文件夹中的prod.env.js
[问题探讨]VUE项目为新环境配置新的npm run打包命令
4,prod.env.js中定义了生产生产环境变量
[问题探讨]VUE项目为新环境配置新的npm run打包命令
5,变量在组件中使用:process.env.NODE_ENV可以获取到

STEP2:参考npm run build命令,配置npm run preDeploy,在preProd.env.js中定义其专属环境变量