vue分環境打包

在專案開發中，我們的專案一般分為開發版、測試版、pre版、prod版。vue-cli的預設環境乙隻有dev和prod兩個，之前每次要發布測試版或pre版都是修改了原始碼中api位址後打包，這樣很麻煩。如果能根據不同環境打包就完美了。

**如下：

1.config/prod.env.js檔案修改如下：

'use strict'

//npm 提供乙個npm_lifecycle_event變數，返回當前正在執行的指令碼名稱，比如pretest、test、posttest等等。所以，可以利用這個變數，在同乙個指令碼檔案裡面，為不同的npm scripts命令編寫**。
const target = process.env.npm_lifecycle_event;
let obj;
if (target == 'test') 
} else 
}module.exports = obj;

"scripts": ,

//打包測試服檔案

npm run test
//打包正式服檔案
npm run build

Vue 專案分環境打包

我們開發專案的時候，用vue cli 2.x版本新建的專案，只有dev,pro兩種開發環境,有時需要個test環境來給測試使用，所以找了很多方法，總結了個最簡單的方法來給大家使用 package.json 在build下面新增乙個test執行命令 在config prod.env.js 中修改 us...

vue跨域及分環境打包配置

一 proxytable配置介面位址 config index.js dev 二 分環境打包 開發時1.config dev.env.js，通過process.ar 獲取啟動命令引數 use strict const merge require webpack merge const prodenv...

Vue官方腳手架分環境打包配置及介面環境切換

1 配置各個環境所需要的使用的引數 修改config dev.env.js 開發環境 use strict const merge require webpack merge const prodenv require prod.env module.exports merge prodenv,修改...