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