在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