配置vue環境

在config文件新建自己所需的環境(例:test測試環境,peod正式環境)

  • 新建test.env.js和prod.env.js
'use strict'
module.exports = {
   NODE_ENV: '"testing"',
   BASE_API: '"https://test.com"',//自己配置的域名或者其他可以放這裏
   REAL_NAME: '"test"'//環境名稱,可隨意更改
}
'use strict'
module.exports = {
  NODE_ENV: '"production"',
  BASE_API: '"https://prod.com"',//自己配置的域名或者其他可以放這裏
  REAL_NAME: '"prod"',//環境名稱,可隨意更改
}
  • 修改build/build 14行的代碼爲
const spinner = ora("building for " + process.env.env_config)
spinner.start()
  • 修改build/webpack.prod.conf.js  14行代碼爲
// const env = require('../config/prod.env')
const env = require("../config/" + process.env.env_config + ".env")
  • 修改package.json  下的scripts    主要是修改了打包方式 

       這裏需要安裝cross-env來配合,npm install --save-dev cross-env

"scripts": {
    "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build:dev": "cross-env NODE_ENV=production env_config=dev node build/build.js",
    "build:test": "cross-env NODE_ENV=production env_config=test node build/build.js",
    "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js"
  },
  • 最後怎麼打包都可以了 比如打生產包:npm run build:prod
發佈了14 篇原創文章 · 獲贊 1 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章