webpack打包原理

标签:2024-07-07 14:16:54

1、模块化:不管是 css、JS、Image 还是 html 都视为模块。

2、打包【追踪、处理、打包】:通过定义 entry.js,对所有依赖的文件进行跟踪,将各个模块通过 loader 和 plugins 处理,然后打包在一起。

3、按需加载(步骤):

1)打包过程中 Webpack 通过 Code Splitting 功能将文件分为多个 chunks。

2)将重复的部分单独提取出来作为 commonChunk,从而实现按需加载。

3)把所有依赖打包成一个 bundle.js 文件,通过代码分割成单元片段并按需加载。

原文出处:http://www.dongblog.com/notes/119.html
来源:博客网 转载请注明出处!

活跃用户

嘻嘻
Ta还没有签名
小夜
Ta还没有签名
诶!我说…
Ta还没有签名
漫野
Ta还没有签名

友情链接


Warning: Smarty error: unable to read resource: "../../../templates/default/./common/foot/footer_index.htm" in /usr/home/hyu3925200001/htdocs/common/smarty/Smarty.class.php on line 1093

Warning: Smarty error: unable to read resource: "../../../templates/default/./common/foot/footer_index.htm" in /usr/home/hyu3925200001/htdocs/common/smarty/Smarty.class.php on line 1093