使用环境变量

（一）package.json 配置：

"scripts": {
    "dev": "webpack-dev-server --env.NODE_ENV=development --config webpack.dev.js",
    "test": "webpack --env.NODE_ENV=test --config webpack.dev.js",
    "prod": "webpack --env.NODE_ENV=prod --config webpack.dev.js"
  },

--env.NODE_ENV=prod，传递了一个 NODE_ENV 的变量

（二）webpack.config.js 配置

npm i webpack-merge -D

 

// webpack 配置文件是什么 通过env这个环境变量决定
const merge = require('webpack-merge')
module.exports = (env) => {
  if (env && env.NODE_ENV === 'prod') {
    return merge(commonConfig, prodConfig)
  } else if (env && env.NODE_ENV === 'test') {
    return merge(commonConfig, testConfig)
  } else {
    return merge(commonConfig, devConfig)
  }
}