bundle、chunk、module的区别

概念

bundle

bundle由许多不同的模块生成,包含已经经过加载和编译过程的源文件的最终版本

chunk

chunk主要是在内部用于管理捆绑过程。输出是由bundlechunk组成,其中有几种类型entry child等。通常,chunk直接与bundle对应,但是有些配置不会产生一对一的关系,例如MiniCssExtractPlugin可从chunk中抽离出css文件,单独生成bundle。生成chunk有三种方式,entry、动态加载、splitChunks抽取共有代码

Module

module是离散功能块,相对于完整程序提供了更小的接触面。一般是module可提供抽象和封装界限,使得应用程序中每个模块都具有明确的目的

总结

上面都是官网给的官方概念,不得不说过于官方,这里我们简单总结一下大致区别。
module其实就是一个文件或者文件内通过import等方式引用代码块或第三方等均可认为是一个module,也就是说任何一个可以被导入导出的文件都是一个模块

bundlechunk的关系,大致就是chunkwebpack打包过程中依赖捆绑的术语。bundle可以理解为对chunk编译/压缩打包等处理后输出的最终结果。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值