webpack 使用环境变量

Posted 2020-10-23 前端开发

要在开发和生产构建之间，消除 webpack.config.js 的差异。你可能需要环境变量。

可以使用 Node.js 模块的标准方式：在运行 webpack 时设置环境变量，并且使用 Node.js 的 process.env来引用变量。NODE_ENV 变量通常被视为事实标准（查看这里）。

webpack.config.js

module.exports = {
  plugins: [
    new webpack.optimize.UglifyJsPlugin({
+      compress: process.env.NODE_ENV === ‘production‘
    })
  ]
};

使用 cross-env 包来跨平台设置(cross-platform-set)环境变量：

package.json

{
  "scripts": {
    "build": "cross-env NODE_ENV=production PLATFORM=web webpack"
  }
}