+
80
-

webpack打包中bundle、chunk、module分别是什么?

请问webpack打包中bundle、chunk、module分别是什么?

网友回复

+
0
-

我们来看一下webpack的打包过程

我们在src目录下写的js或css代码文件就是module ,当 module 源文件传到 webpack 打包时,webpack 会根据文件之间的引用关系生成 新的chunk 文件,租后我们的webpack 会对这个 chunk 文件进行一些转换压缩等操作输出bundle文件;这个bundle文件是可以直接在浏览器中运行。

总结

module,chunk 和 bundle 就是同一份源代码在wepack转换过程中的不同名字而已。

我们直接写出来的是 module,webpack 处理时是 chunk,最后生成浏览器可以直接运行的 bundle。

我知道答案,我要回答