如何检查webpack.config.js中的监视模式?

Question

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

export default [development, production]

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

如何只监视两个导出配置中的一个?

Answer 1

1. 导出函数

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

2. 检查env.WEBPACK_WATCH

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

Answer 2

可以使用webpack命令行环境选项——env.

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

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

在webpack.config.js文件中你可以这样访问它们:

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