vue cli 根據不同的環境打包

根據專案需要，通過vue-cli中的npm run build 打包到不同的環境，例如測試環境，預發布環境，線上環境，根據process.env分別進行介面的呼叫

vue-cli 中build中build.js

require('./check-versions')()

= 'production'
var ora = require('ora')
var rm = require('rimraf')
var path = require('path')
var chalk = require('chalk')
var webpack = require('webpack')
var config = require('../config')
var webpackconfig = require('./webpack.prod.conf')
var spinner = ora('building for ' + process.env.node_env + ' of ' + process.env.env_config+ ' mode...')
spinner.start()
//var spinner = ora('building for production...')

build中webpack.prod.conf.js

const env = config.build[process.env.env_config+'env']

//const env = process.env.node_env === 'testing'
//? require('../config/test.env')
//: require('../config/prod.env')

config中的index.js

module.exports =)

在config中新建sit.env.js、ppe.env.js

module.exports =

module.exports =

安裝cross-env

npm install cross-env -d

package.json

"scripts": ,

打包時候我們只需要

npm run build:sit //

測試環境
npm run build:ppe //
預發布環境
npm run build:prod //
線上環境

vue cli 分環境打包 附加打包時間

前言 在開發專案的時候，呼叫後端介面難免遇到要切換各種環境的情況，比如開發聯調後端開發，聯調測試，聯調線上，打包測試，打包正式等等，每次切換都需要切換不同的請求服務位址，手動改來改去比較麻煩，那麼能否通過一條命令就能自動切換環境，答案是可以的，本次著重解決這個問題。適用環境配置 vue cli 3....

vue cli3打包時根據不同命令修改請求位址

在根目錄建立乙個.env.test檔案test名字可以自定義，在裡面寫入 node env test 在package.json檔案中scripts欄位中加入 test vue cli service build mode test scripts 在你設定baseurl的地方，比如 var bas...

vue cli3實現分環境打包

在vue cli3的專案中，預設的package.json配置 此時只要根據process.env.node env設定不同請求url就可以很簡單的區分出本地和線上環境。但是實際真實的專案中，會有測試，預發布等環境。並且vue cli3號稱0配置，無法直接修改打包檔案，那麼怎麼區分不同的線上環境呢？...