多个项目的集中式 webpack 配置 - 最佳实践？

Question

TL:DR; How would you centralize a webpack 3.x build setup for multiple modules?

我正处于重组我公司的整个模块库并使它们在 npm 上可用的计划阶段。然而，这引发了一些关于之后如何维护模块的争论。

我们是 运行 webpack 3.x 并且已经创建了我们的构建设置的测试版，但是您将如何创建一个集中的方式让我们的构建设置可用于多个独立模块？

我希望有一个地方可以更新构建设置并能够在我们所有的模块中使用所述构建设置，而不必 copy/paste 每一项改进。

Answer 1

您可以创建一个包含所有构建配置和设置的模块，而其他项目只依赖于它。 查看 create-react-app 以获取有关如何操作的灵感。

另外 this section 可能会帮助您了解它的工作原理

Answer 2

您可以使用 airpack 来集中 webpack 配置。

这是模块化webpack配置的解决方案。让 webpack 能够自动从依赖中读取配置，并以更合适的方式合并它们。