javascript - 使用 block 导入/加载库

Question

情况

我正在尝试使用 Webpack 加载一个库。该库本身已使用 Webpack 拆分为多个 block 。

项目 A 依赖于项目 B。项目 B 是使用 Webpack 构建的，由多个 block 组成。项目 A 现在通过动态导入加载项目 B。构建项目 A 时，我希望在项目 A 的输出文件夹中创建项目 B 的 block 。

问题

如何让项目 B 的 block 在项目的最终构建中作为 block 持久存在？

示例

我做了一个示例项目 ( https://github.com/Robinfr/chunky-webpack )，它有两个级别的子包。 sub-package-a 和 b 都创建 block ，但在构建主包时它们都被篡改到一个 main-bundle.js 中。

Answer 1

经过一些实验，我发现直接使用源文件并只在最终产品中编译是一种可行的方法。这样 Webpack 就可以为所有的包生成 block 。