观看 webpack.config.js 并重新运行 webpack 命令以响应文件更改

Question

我正在使用 webpack.config.js 和

webpack --watch --progress --debug

构建模块。

我希望 webpack --watch 在更改 webpack.config.js 文件后重新启动。

有我可以使用的 webpack 标记吗？

Answer 1

据我了解，没有。但是，您可以尝试使用 webpack-build 之类的包装器。该特定功能在他们的列表中。也许这对你有用。

Answer 2

这很简单。只要让 webpack 打包的任何文件都需要你的 webpack.config.js 文件。然后对该文件的任何更改都会在 webpack watch 中注册。

Answer 3

我最终使用 nodemon. nodemon allows executing non-node scripts 来响应文件系统中的更改。

您不能将它与 webpack --watch 一起使用，因为 --watch 不会退出。但是，您可以简单地将它与 webpack 一起使用，例如

nodemon \
    --watch ./\
    --delay 250ms\
    --exec 'node ./node_modules/.bin/webpack'

nodemon 支持 configuration files 可用于减少样板文件，忽略特定文件 and/or 目录并生成可重复使用的配置。

此外，使用 nodemon 而不是 webpack --watch 可以解决已知的 webpack 问题，"Does not detect minor changes to the file (added/removed whitespace, semicolon)".

Answer 4

我个人更喜欢我的开发设置尽可能模仿我的生产设置。这就是为什么我更喜欢 PM2 而不是 nodemon，永远等等

因为您可以在生产中推出此工具，并且您拥有围绕它构建的生产就绪工具集。 documentation 了解如何让它观看并重新启动。

要使它与 webpack-dev-server 一起工作，您必须将您的配置包装在 node server 中。

观看 webpack.config.js 并重新 运行 webpack 命令以响应文件更改