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

Posted 2023-03-07

【中文标题】多个项目的集中式 webpack 配置 - 最佳实践？

【英文标题】：Centralized webpack config for multiple projects - best practice?

【发布时间】：2018-08-08 17:27:07

【问题描述】：

TL:DR; 您将如何为多个模块集中 webpack 3.x 构建设置？

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

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

我希望有一个地方可以更新构建设置，并能够在我们所有的模块中使用所述构建设置，而无需复制/粘贴每一项改进。

【参考方案1】：

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

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

【参考方案2】：

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

另外this section 可能会帮助您了解它是如何工作的

【讨论】：

只是为了澄清。这个模块不应该继续 npm 对吗？最好是作为 github 依赖？

这取决于你。如果你想保持私有，你可以将它部署到你自己的仓库（例如jfrog.com/artifactory）或使用多工作区设置（例如yarnpkg.com/blog/2017/08/02/introducing-workspaces）