如何检查 webpack.config.js 中的监视模式？答案

【问题标题】：How to check for watch mode in webpack.config.js?如何检查 webpack.config.js 中的监视模式？
【发布时间】：2021-10-31 21:03:53
【问题描述】：

在我的webpack.config.ts 中，我导出两个配置。

export default [development, production]

但是，当我运行 webpack watch 时，production 配置被重建，我想避免这种情况。

如何仅查看两个导出的配置之一？

【问题讨论】：

【解决方案1】：

export default (env, argv) => [development, production]

export default (env: { WEBPACK_WATCH: boolean }) =>
  env.WEBPACK_WATCH ? development : [development, production]

【讨论】：

【解决方案2】：

您可以使用webpack command line environment option --env。

例如：
您可以在 package.json 文件中的脚本中创建 2 个命令。

"scripts": {
    "start": "webpack --env development",
    "build": "webpack --env production"
}

在 webpack.config.js 文件中，您可以按如下方式访问它们：

module.exports = (env) => {
    // ...
    watch: env === 'development';
};

【讨论】：