vue分環境打包

2021-08-26 02:15:58 字數 680 閱讀 2162

在專案開發中,我們的專案一般分為開發版、測試版、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;

2.package.json中修改如下:

"scripts": ,
3.打包上線

//打包測試服檔案

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,修改...