javascript - 多项目 webpack 配置建议

Question

我有 3 个独立的项目:

• 基地
• 效用
• 主要

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

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

我将如何设置这个环境？

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

Answer 1

Webpack 是模块打包器；它将模块集成到一个包中。你需要:

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

并且 webpack 会将您的项目加入到您已包含在 html 中的公共(public)包中。

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