监视文件更改上的webpack自定义命令

Webpack 提供了一个名为 watch 的模式，可以监视文件更改并重新编译。你可以在你的 package.json 文件中的 scripts 部分添加一个自定义命令来启动这个模式。例如：

"scripts": {
  "watch": "webpack --watch"
}

然后，你可以通过运行 npm run watch 命令来启动 watch 模式。

如果你想要更多的自定义选项，你可以在你的 webpack.config.js 文件中配置 watch 选项。例如：

module.exports = {
  //...
  watch: true,
  watchOptions: {
    ignored: /node_modules/,
    aggregateTimeout: 300,
    poll: 1000
  }
};

在这个配置中：

• watch: true 启用了 watch 模式。
• watchOptions 对象包含了一些自定义的 watch 选项。
• ignored 选项指定了哪些文件或目录不应被监视。在这个例子中，node_modules 目录被忽略了。
• aggregateTimeout 选项指定了在重新构建之前等待的时间（以毫秒为单位）。这对于防止在保存多个文件时进行多次重新构建很有用。
• poll 选项指定了检查文件更改的频率（以毫秒为单位）。