关于多项目webpack配置的建议

Question

我有三个分开的项目：

• 基座
• 实用程序
• main

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

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

我将如何设置这个环境？

我应该使用多编译器模式吗？但是我如何利用它创建一个index.html呢？

Answer 1

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

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

webpack将把你的项目加入到一个共同的包中，你已经把它包含在你的html中了。

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