vue項目筆記（五）——vue不同環境配置不同的打包命令

第一步：安裝cross_env

npm   install  cross_env

第二步：修改項目package.json文件

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "test": "node build/test.js",             //添加此行代碼
    "build": "node build/build.js"
  },

第三步：在build文件夾里面新建文件：test.js，此文件內容復制build.js，需要修改兩處，修改后的代碼如下：

 

第四步：在build文件夾里面新建文件：webpack.test.conf.js，此文件內容復制webpack.prod.conf.js，需修改一處如下：

 

第五步：修改config/prod.env.js文件，修改后的內容如下：

 

第六步：在config文件夾里面新建文件：test.env.js，此文件內容復制prod.env.js，需修改域名為測試域名

 

第七步：修改webpack.base.conf.js，如下

 

最后：

執行npm run test打包的就是測試環境

執行npm run build打包的就是生產環境