webpack中的module、chunk、bandle是什么?

167 阅读1分钟

1.png

module

对于 webpack 来说,项目源码中所有资源(包括 JS、CSS、Image、Font 等等)都属于 module 模块。可以配置指定的 Loader 去处理这些文件

chunk

当使用 webpack 将我们编写的源代码进行打包时,webpack 会根据文件引用关系生成 chunk 文件,webpack 会对这些 chunk 文件进行一些操作

bandle

webpack 处理完 chunk 文件之后,最终会输出 bundle 文件,这个 bundle 文件包含了经过加载和编译的最终产物

总结

modulechunk 和 bundle 其实就是同一份代码在不同转换场景取的三个名称。我们编写的是 module,webpack 处理时是 chunk,最终生成供浏览器允许的是 bundle