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

时间:2015-07-17 09:05:53

标签: webpack

我正在使用webpack.config.js

webpack --watch --progress --debug

构建模块。

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

我可以使用webpack标志吗?

4 个答案:

答案 0 :(得分:22)

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

您不能将其与webpack --watch一起使用,因为--watch不会退出。但是,您只需将其与webpack一起使用,例如

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

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

此外,使用nodemon代替webpack --watch解决已知的webpack问题,"Does not detect minor changes to the file (added/removed whitespace, semicolon)"

答案 1 :(得分:4)

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

由于您可以在生产中推出此工具,并且您可以围绕它构建生产就绪的工具集。这是关于如何让它观看和重启的documentation

要使用webpack-dev-server,您需要将配置包装在node server中。

答案 2 :(得分:3)

据我了解,不,不。但是,您可以尝试使用webpack-build之类的包装器。这个特殊功能列在他们的名单上。也许这对你有用。

答案 3 :(得分:0)

这很容易。只要webpack正在打包的任何文件都需要您的webpack.config.js文件。然后,对该文件的任何更改都会在webpack watch中注册。