vue項目添加build config目錄 webpack環境切換

 

首先執行命令：

npm install -g @vue/cli-init   // 安裝完后 才可使用 vue init 命令

vue init webpack mypro         // 給vue-cli添加webpack

 

可以看到創建的vue腳手架中包含以下 build 和 config 目錄：

 

 

webpack.prod.conf.js 切換環境

 

 

等到項目開發完成后要上線時，要用webpack實現環境切換：

將 webpack.prod.conf.js 中 const env = require('../config/dev.env') 改為 const env = require('../config/prod.env')

目的：更改不同環境下的域名和appId，如：