1.首先安装npm install cross-env -D 这个迷你的包能够提供一个设置环境变量的scripts,让你能够以unix方式设置环境变量,然后在windows上也能兼容运行。
2.对于config文件下的dev.env.js与prod.env.js进行改写
只举例开发环境的配置:
'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
BASE_URL: '"/api"',
IMG_URL: "/api/fileUpload/fileUploadImg?type=",
URL: {
LOGIN_URL: "'//passport.local.vedeng.com/login.html'",
LOGINOUT_URL: "'//passport.local.vedeng.com/login/logout.html'",
REGISTER_URL: "'//passport.local.vedeng.com/register.html'"
}
});
注意:路径是一个字符串
3.修改build下面的webpack.prod.conf.js
const env = require('../config/prod.env')
改为:
const env = require('../config/' + process.env.env_config + '.env')
4.package.json
"build:dev": "cross-env NODE_ENV=development env_config=dev node build/build.js",