1.在prod.env.js,dev.env.js加入API_ROOT
2、确认安装cross-env (cross-env能跨平台地设置及使用环境变量)
windows不支持NODE_ENV=development的设置方式。在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡
住,windows平台与POSIX在使用命令行时有许多区别(例如在POSIX,使用$ENV_VAR,在windows,使
用%ENV_VAR%。。。)。cross-env无需担心跨平台问题
npm安装方式:npm i --save-dev cross-env
3、修改build文件夹下的build.js
原代码:
删除
process.env.NODE_ENV = ‘production’
修改:
// const spinner = ora(‘building for production…’) // 此处修改成下面代码
const spinner = ora(‘building for’ + process.env.NODE_ENV + ‘of’ + process.env.env_config + ‘mode…’)
4.修改package.js
“scripts”: {
“dev”: “webpack-dev-server --inline --progress --config build/webpack.dev.conf.js”,
“start”: “npm run dev”,
“lint”: “eslint --ext .js,.vue src”,
“build”: “cross-env NODE_ENV=production env_config=prod node build/build.js”,
“build:test”: “cross-env NODE_ENV=test env_config=test node build/build.js”
},
5.使用变量 process.env.API_ROOT
6.若想在本地运行其他环境
新增webpack.test.conf.js", 同webpack.dev.conf.js"内容一致
修改webpack.test.conf.js
new webpack.DefinePlugin({
‘process.env’: require(’…/config/test.env’)
}),
在package.js scripts加入
“test”: “webpack-dev-server --inline --progress --config build/webpack.test.conf.js”,