建议多项目webpack配置

Question

我有3个独立的项目：

• base
• util
• 主

我想要实现的是webpack应该将3个项目捆绑到一个index.html文件中，包含main.js，util.js，base.js，main.css，....等。

每个项目都可以包含自己的node_modules文件夹，主项目应该依赖于base和util。

我如何设置此环境？

我应该使用多编译器模式吗？但是，我怎样才能创建一个index.html呢？

Answer 1

Webpack是模块捆绑器;它将模块集成到一个捆绑包中。你需要：

• 将您的项目配置为库
• 配置库的导出
• 将库添加到您应用的package.json
• 在您的应用程序中使用每个库

webpack会将您的项目加入到您的html中包含的公共包中。

如果您将所有项目作为应用程序的子文件夹，则只需将它们导入应用程序并使用即可。