仅更新使用Webpack.watch()更改的块？

Question

我有一个webpack构建,利用watch()方法在我工作时不断重建我的javascript.我还有一个观察者将更改的JS文件上传到远程服务器.

现在,当我更改任何文件时,它会重新编译所有文件.因此,即使一个块发生了变化,它也会更新所有内容,包括我的供应商文件和其他不相关的捆绑包,块等.

Webpack中是否有一种方法只重新编译已更改的文件并具有已更改的依赖项？

这是我的webpack构建代码的示例:

var compiler = webpack(require('./webpack.config.js'));
compiler.watch({
    aggregateTimeout: 300, // wait so long for more changes
    poll: true
}, function(err, stats) {
    console.log(stats);
});

Answer 1

是的，您可以使用 webpack 配置中的 watchOptions 属性来配置 Webpack。

module.exports = {
  watchOptions: {
    ignored: /node_modules/,
    poll: 1000 // second
  }
};

在顶部 Webpack 配置中，仅重新编译已更改的文件及其依赖项。另外，您可以将 watchOptions.poll 设置为数字或 true 以启用轮询。