如何从零开始使用webpack4构建一个组件库？

本文共计634个文字，预计阅读时间需要3分钟。

代码分离方法有三种：+ 输入起点：使用 entry 配置手动分离代码。+ 防止重复：使用 SplitChunksPlugin 去重和分离 chunk。+ 动态导入：通过模块中的内联函数调用实现代码的动态导入。

代码分离

代码分离方法有三种：

• 入口起点：使用 entry 配置手动地分离代码。
• 防止重复：使用 SplitChunksPlugin 去重和分离 chunk。
• 动态导入：通过模块中的内联函数调用来分离代码。

动态导入(dynamic imports)

• import()
• require.ensure

预取/预加载模块(prefetch/preload module)

webpack v4.6.0+ 添加了预取和预加载的支持。