只更新已使用Webpack.watch(）更改的区块

Update only the chunks that have changed with Webpack.watch()?

本文关键字：watch 更新 Webpack      更新时间：2023-09-26

我有一个webpack构建，它利用watch（）方法在工作时不断重建我的javascript。我还有一个观察程序，可以将更改后的JS文件上传到远程服务器。

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

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);
});

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

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

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

相关文章：