vue多环境配置

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”,