webpack打包原理

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

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

3、按需加载(步骤):

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

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

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

原文出处:
版权声明:本文来源地址若非本站均为转载,若侵害到您的权利,请及时联系我们,我们会在第一时间进行处理。