vue 不同環境打包

//npm 提供一個npm_lifecycle_event變量,返回當前正在運行的腳本名稱

1.在package.json 文件中新增一個腳本 “test”: “node build/build.js”

"scripts": {
   "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
   "start": "npm run dev",
   "build": "node build/build.js",
   "test": "node build/build.js" 
 },
  1. config/prod.env.js 中增加個判斷
'use strict'
//利用這個變量,判斷
const target = process.env.npm_lifecycle_event;
let obj;

if (target == 'test') {
  //測試服
  obj = {
    NODE_ENV: '"production"',
    BASE_URL: '"https://xxxxx"'
  }
} else {
  //正式服
  obj = {
    NODE_ENV: '"production"',
    BASE_URL: '"https://xxxxx"'
  }
}

module.exports = obj;

  1. 測試環境編譯 npm run test
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章