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

2cmtqfgy  于 2023-04-30  发布在  Webpack
关注(0)|答案(5)|浏览(166)

我使用webpack.config.js

webpack --watch --progress --debug

构建模块。
我想在更改webpack.config.js文件后重新启动webpack --watch
我可以使用Webpack标记吗?

ippsafx7

ippsafx71#

最后我用的是nodemonnodemon允许执行非节点脚本以响应文件系统中的更改。
您不能将它与webpack --watch一起使用,因为--watch不会退出。但是,您可以简单地将其与webpack,e.g的。

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)"

fae0ux8s

fae0ux8s2#

我个人更喜欢我的开发设置尽可能地模仿我的生产设置。这就是为什么我更喜欢PM2而不是nodemon、forever等。
因为您可以在生产中推出这个工具,并且您已经围绕它构建了生产就绪的工具集。这里的documentation如何让它观看和重新启动。
要使用webpack-dev-server来实现这一点,您必须将配置文件 Package 在node server中。

hgqdbh6s

hgqdbh6s3#

据我所知,没有。但是,您可以尝试使用webpack-build这样的 Package 器。这个特殊的特征在他们的名单上。也许这对你来说就够了。

s8vozzvw

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提供的一个已经很棒的答案的原件,而是提供了一个轻微的转折。

sqxo8psd

sqxo8psd5#

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

相关问题