webpack配置多环境打包

使用DefinePlugin这个插件去定义全局变量

1. 在webpack.config.js中这样配置：

module.exports = {
	plugins: [
		new webpack.DefinePlugin({
	      'process.env.API_ENV':JSON.stringify(process.env.API_ENV|| 'prod'),
	      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'production')
	    })
	]
}

2. 在下载这个包 “cross-env”: "^5.2.0"这个版本
3. 在package.json文件中去配置scripts

"scripts": { 	"test": "echo \"Error: no test specified\" && exit 1",
    "dev": "cross-env NODE_ENV=development API_ENV=test node_modules/.bin/webpack-dev-server",
    "build": "cross-env NODE_ENV=production API_ENV=test webpack",
    "build:test": "cross-env NODE_ENV=production API_ENV=test webpack",
    "build:pre": "cross-env NODE_ENV=production API_ENV=pre webpack",
    "build:prod": "cross-env NODE_ENV=production API_ENV=prod webpack", 	"dev:test": "cross-env NODE_ENV=development API_ENV=test node_modules/.bin/webpack-dev-server",   	"dev:pre": "cross-env NODE_ENV=development API_ENV=pre node_modules/.bin/webpack-dev-server", 	"dev:prod": "cross-env NODE_ENV=development API_ENV=prod node_modules/.bin/webpack-dev-server" }

4.然后即可以在process.env.API_ENV这样去获取到变量，从而起服务，打包走不同的环境