webpack - 在入口点之间缓存 webpack 模块

Question

我需要为我们的库生成每个客户的文件，但库本身是相同的，唯一的区别是单个客户配置文件被添加到主库文件中。

我们今天的做法是:

{
  entry: {
    customer1: ["customer1-config.js", "main.js"],
    customer2: ["customer2-config.js", "main.js"],
  }
}

问题在于 main.js正在为每个客户重新构建文件。

有没有办法只构建一次并为每个客户将其合并在一起？

更新:输出应该是每个入口点将包含整个 main.js文件和自定义客户配置。

Answer 1

做两个构建:

第一个在没有配置的情况下将代码构建为导出库的模块。这允许轻松测试配置，并且只对所有客户端进行一次。

第一个只需要来自 dist 的主输出模块(第一次构建的产品)文件夹，需要它，然后在顶部添加配置。

我已经成功地解决了这个问题。这不是最优雅的解决方案，但它在实践中有效。它只增加了一点点复杂性，优点是其他客户端可以自定义您的库。