webpack - 如何在不使用 watch 功能的情况下提高 webpack/babel 构建性能？

Question

我正在开发一个 SBT/Scala Web 项目，我想利用 ES6 功能和前端 JavaScript 层的新模块语法。 SBT 有自己的构建系统，我设法调整现有的 sbt 插件来运行 webpack 以使用 babel 构建我的 JS 文件。当前的解决方案有点困惑，但它可以在 sbt 构建系统中工作并存在。

问题是 很慢 .每次更改都会创建一个新的 webpack 实例，它会从头开始编译所有内容。

我知道我可以跳出 sbt 构建系统，只在开发阶段单独使用 webpack 来观察和重建我的文件。但在我这样做之前，我想知道是否有一些方法可以加快 webpack 构建过程。

我检查了文档，在我看来，任何可用的缓存都只在内存中处理，这不适用于我的情况。或者是否有某种文件缓存可以在 webpack 构建的单独运行之间存在？例如，我所有的 npm 依赖项大部分时间都不会更改，因此它们可以编译一次，缓存然后简单地包含...

Answer 1

需要考虑的一些配置:

module.rules include - 你应该设置include指向你的来源。默认情况下，它将遍历所有内容(node_modules 尤其慢)。确保已设置

resolve.unsafeCache

module.noParse

启用 通天塔装载机 缓存 - loader: 'babel?cacheDirectory' .

aliasing already built, minified libraries

future - cache - 这可能有效one day .遗憾的是，还没有很好的方法来序列化缓存数据。