我使用webpack.config.js和
webpack.config.js
webpack --watch --progress --debug
构建模块。我想在更改webpack.config.js文件后重新启动webpack --watch。我可以使用Webpack标记吗?
webpack --watch
ippsafx71#
最后我用的是nodemon。nodemon允许执行非节点脚本以响应文件系统中的更改。您不能将它与webpack --watch一起使用,因为--watch不会退出。但是,您可以简单地将其与webpack,e.g的。
nodemon
--watch
webpack
nodemon \ --watch ./\ --delay 250ms\ --exec 'node ./node_modules/.bin/webpack'
nodemon支持配置文件,可用于减少样板文件,忽略特定文件和/或目录,并生成可重用的配置。此外,使用nodemon而不是webpack --watch可以解决已知的webpack问题"Does not detect minor changes to the file (added/removed whitespace, semicolon)"。
fae0ux8s2#
我个人更喜欢我的开发设置尽可能地模仿我的生产设置。这就是为什么我更喜欢PM2而不是nodemon、forever等。因为您可以在生产中推出这个工具,并且您已经围绕它构建了生产就绪的工具集。这里的documentation如何让它观看和重新启动。要使用webpack-dev-server来实现这一点,您必须将配置文件 Package 在node server中。
hgqdbh6s3#
据我所知,没有。但是,您可以尝试使用webpack-build这样的 Package 器。这个特殊的特征在他们的名单上。也许这对你来说就够了。
s8vozzvw4#
在package.json中,在Gajus's answer的帮助下,我找到了这个:
{ "name": ... "version": ... "scripts": { ... "rebuild": "webpack --config webpack/webpack.config.dev.js", "nodemon": "nodemon --watch webpack/webpack.config.dev.js --delay 500ms --exec npm run rebuild" ... }, ... }
用法:npm run nodemon。当webpack.config.dev.js中发生更改时,将进行重建。我意识到,不是Gajus提供的一个已经很棒的答案的原件,而是提供了一个轻微的转折。
npm run nodemon
webpack.config.dev.js
sqxo8psd5#
这很简单只要让webpack打包的任何文件都需要你的webpack.config.js文件。然后对该文件的任何更改都会在webpack watch中注册。
5条答案
按热度按时间ippsafx71#
最后我用的是nodemon。
nodemon
允许执行非节点脚本以响应文件系统中的更改。您不能将它与
webpack --watch
一起使用,因为--watch
不会退出。但是,您可以简单地将其与webpack
,e.g的。nodemon
支持配置文件,可用于减少样板文件,忽略特定文件和/或目录,并生成可重用的配置。此外,使用
nodemon
而不是webpack --watch
可以解决已知的webpack
问题"Does not detect minor changes to the file (added/removed whitespace, semicolon)"。fae0ux8s2#
我个人更喜欢我的开发设置尽可能地模仿我的生产设置。这就是为什么我更喜欢PM2而不是nodemon、forever等。
因为您可以在生产中推出这个工具,并且您已经围绕它构建了生产就绪的工具集。这里的documentation如何让它观看和重新启动。
要使用webpack-dev-server来实现这一点,您必须将配置文件 Package 在node server中。
hgqdbh6s3#
据我所知,没有。但是,您可以尝试使用webpack-build这样的 Package 器。这个特殊的特征在他们的名单上。也许这对你来说就够了。
s8vozzvw4#
在package.json中,在Gajus's answer的帮助下,我找到了这个:
用法:
npm run nodemon
。当webpack.config.dev.js
中发生更改时,将进行重建。我意识到,不是Gajus提供的一个已经很棒的答案的原件,而是提供了一个轻微的转折。sqxo8psd5#
这很简单只要让webpack打包的任何文件都需要你的
webpack.config.js
文件。然后对该文件的任何更改都会在webpack watch中注册。