Vue 專案分環境打包

我們開發專案的時候，用vue-cli 2.x版本新建的專案，只有dev, pro兩種開發環境, 有時需要個test環境來給測試使用，所以找了很多方法，總結了個最簡單的方法來給大家使用

package.json

在build下面新增乙個test執行命令

在config -> prod.env.js 中修改**

'use strict'

// 讀取系統執行時候的變數
const target = process.env.npm_lifecycle_event;
// 控制台日誌輸出
console.log('env is deploying, current env is', target)
// 判斷環境變數，是test，還是build
if (target == 'test') 
} else 
}    
module.exports = obj;

$ npm run test

正式環境: 

```$ npm run build
```

vue分環境打包

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

vue專案打包部署生產環境

打包部署生產環境之前需要修改配置檔案 修改一 build utils.js 修改publicpath 這樣寫是處理打包後找不到靜態檔案的問題 修改二 config index.js 修改assetspublicpath 修改目的是為了解決js找不到的問題 3.執行命令 npm run build 打...

vue 專案打包

作為乙個前端之前並沒有打包過專案，因此想一下打包的效果，記錄一下我的打包過程 作為乙個開端 首先，專案打包前的目錄結構 然後，執行命令列 npm run build 因為是第一次打包，不熟悉打包的過程，與檔案的變更，首先看了一下檔案的結構，發現沒有compenent與views中檔案的生成目錄。是沒...