概念

bundle

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

chunk

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

Module

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

总结

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

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

bundle、chunk、module的区别相关推荐

CommonJs和Es Module的区别
为什么会有CommonJs和Es Module呢我们都知道在早期JavaScript模块这一概念,都是通过script标签引入js文件代码.当然这写基本简单需求没有什么问题,但当我们的项目越来越庞大 ...
Python的包(package)和模块(module)的区别，如何导入python包和模块，以及为什么可以把包名当作一个模块导入
本文主要讨论标题中的三大问题,接下来逐一分析: 文章大部分内容转载并重新整理自https://zhuanlan.zhihu.com/p/33913131 1. Python的包(package)和模块 ...
03.06 随手记（AMD、CMD、CommonJS、ES6 Module的区别）
***当前阶段的笔记 *** 「面向实习生阶段」https://www.aliyundrive.com/s/VTME123M4T9 提取码: 8s6v 点击链接保存,或者复制本段内容,打开「阿里云盘」 ...
Android中Bundle和Intent的区别
Bundle的作用,以及和Intent的区别: 一.Bundle: A mapping from String values to various Parcelable types 键值对的集合类继 ...
请说说CommonJS和ES module的区别
CommonJS 1.module代表当前模块在CommonJS中,一个文件就是一个模块,模块中的变量.函数.类都是私有的外部不可以访问,并规定module代表当前模块,exports是对外的接口. ...
chunk和block 区别
在网页开发中,chunk 和 block 是两个相似但又有区别的概念. chunk 指的是由不同的文件组成的一个大块数据,通常用于异步加载或者分块下载的场景.它的优点在于能够提高网页的加载速度,因为用 ...
Idea中new project项目与new module项目区别与验证
文章目录前言父子关系查阅资料测试新建空的java_project 新建空的java_module 新建空的maven_project 新建空的maven_module 结论 .idea文件夹 ...
export、export default、module.export区别
在es6里面定义模块,导出模块时可以使用export.export default 这2者区别: 在同一个文件里面可以有多个export, 一个文件里面只能有1个export default 1 // ...
IDEA中Project 和 Module的区别
(1).在IntelliJ IDEA中Project是最顶级的结构单元,一个Project是由一个或者多个Module组成.一些主流大型项目结构基本上都是由多个Module的结构组成. (2).主 ...

bundle、chunk、module的区别

概念

bundle

chunk

Module

总结

bundle、chunk、module的区别相关推荐

最新文章

热门文章