javascript - 如何在命令行的每次调用中使用 Webpack 进行增量构建？

Question

当我从命令行运行 webpack 时，它只是从头开始构建所有内容。我们如何让 Webpack 在调用 webpack CLI 时进行增量构建，以便它仅解析和转译已更改的文件？

我希望它在 webpack 的每次调用中都起作用，而无需长时间运行的过程。

webpack --watch 和 webpack-dev-server 不是选项，因为它们一直在运行，这是我不想要的。

例如，我想运行 webpack 并且它会退出，然后下次我运行 webpack 我希望它是智能的，而不是重新构建所有东西, 只需重建更改的文件。

Answer 1

本身不是增量，但 webpack 5 引入了构建缓存:https://webpack.js.org/configuration/cache/ (另请参阅相关问题 https://github.com/webpack/webpack/issues/6527)

只需将以下内容添加到 webpack.config.js:

module.exports = {
  // ...
  cache: {
    type: 'filesystem'
  },
};

在我的应用程序上运行一个小型基准测试，使用缓存的构建时间减少了大约 55-80%

请注意，目前不建议将此功能用于 CI。参见示例 https://github.com/webpack/webpack/issues/13291