vue项目中针对不同环境下webpack打包指令配置

你永远叫不醒一个装睡的人!!!

在项目开发中一般会有很多个环境,需要根据不同的环境进行不同的配置,实现多环境打包

1、在config文件中新建一个test.env.js文件用来配置test环境变量

2、修改config文件中的prod.env.js,如下:

3、修改build文件夹下的webpack.prod.conf.js

 4、修改config文件夹下的index.js文件中的build部分的代码

5、确认安装cross-env (cross-env能跨平台地设置及使用环境变量),安装命令npm i --save-dev cross-env

 6、修改build文件夹下的build.js

7、修改根目录下的package.json的scripts

注:process.env.NODE_ENV获取不同环境的变量值。

你可能感兴趣的:(vue项目中针对不同环境下webpack打包指令配置)