node.js - 在 webpack.config.js 中获取当前的 `--mode`

Question

如何在 webpack.config.js 中获取 package.json 中指定的当前 --mode？ (例如，用于推送一些插件。)

package.json

"scripts": {
  "dev": "webpack --mode development",
  "build": "webpack --mode production"
}

我在 Webpack 3 中做了什么:

package.json

"scripts": {
    "build": "cross-env NODE_ENV=development webpack",
    "prod": "cross-env NODE_ENV=production webpack"
  },

然后，我可以通过 process.env.NODE_ENV 在 Webpack 中获取环境。

当然，我可以将 NODE_ENV 与 --mode 一起传递，但我更愿意避免重复。

Answer 1

您希望避免在脚本上传递的选项重复。

导出函数时，将使用 2 个参数调用该函数:环境 env 作为第一个参数 ，选项映射 argv 作为第二个参数参数。

package.json

"scripts": {
  "build-dev": "webpack --mode development",
  "build-prod": "webpack --mode production"
},

webpack.config.js

module.exports = (env, argv) => {
    console.log(`This is the Webpack 4 'mode': ${argv.mode}`);
    return {
        ...
    };
}

这些是结果:

对于 npm 运行 build-dev:

> webpack --mode development

This is the Webpack 4 'mode': development
Hash: 554dd20dff08600ad09b
Version: webpack 4.1.1
Time: 42ms
Built at: 2018-3-14 11:27:35

对于 npm 运行 build-prod:

> webpack --mode production

This is the Webpack 4 'mode': production
Hash: 8cc6c4e6b736eaa4183e
Version: webpack 4.1.1
Time: 42ms
Built at: 2018-3-14 11:28:32