webpack 全局变量 & cross-env

首先记录个问题，

"scripts": {
    "start": "npm run dev",
    "dev": "cross-env APP_ENV=dev webpack-dev-server --inline --progress --config build/webpack.dev.config.js",
    "build": "cross-env APP_ENV=prod webpack --config build/webpack.prod.config.js"
    "test": "cross-env APP_ENV=sit && webpack --config build/webpack.prod.config.js"   //这里有问题
  },

上面脚本在执行 npm run test 时APP_ENV 会取不到，去掉 && 才可以。

webpack 全局变量

使用 DefinePlugin 即可， umi中的define也是用的这个

......
const webpack = require('webpack');
......
module.exports = {
......
    plugins:[
        // 设置环境变量信息
        new webpack.DefinePlugin({
          'process.env': {
            APP_ENV: JSON.stringify(process.env.APP_ENV)
          }
        }),
        ...
    ]
}