《玩转webpack》第六章 原理篇: 通过源码掌握 webpack 打包原理emit 初始化option 开始编译 从entry开始递归的 分析依赖,对每个 依赖模块进行build 对模块位置进行解析 将loader加载完成的 module进行编译,生成 AST树 遍历AST,当遇到 require等一些调用表 达式时,收集依赖 所有依赖build完 成,开始优化 输出到dist目录 build-module 开始构建某个模块 WebpackOptionsApply 1. webpack 先将 entry 中对应的 module 都生成一个新的 chunk 2. 遍历 module 的依赖列表,将依赖的 module 也加入到 chunk 中 3. 如果一个依赖 module 是动态引入的模块,那么就会根据这个 module 创建一个 新的 chunk,继续遍历依赖 4. 重复上面的过程,直至得到所有的 chunks 模块化:增强代码可读性和维护性 传统的网页开发转变成0 码力 | 39 页 | 3.66 MB | 1 年前3
《玩转webpack》第五章 进阶篇: webpack 构建速度和体积优化策略uncss: HTML 需要通过 jsdom 加载,所有的样式通过PostCSS解析,通过 document.querySelector 来识别在 html 文件里面不存在的选择器 PurifyCSS: 遍历代码,识别已经用到的 CSS class 在 webpack 中如何使用 PurifyCSS? 使用 purgecss-webpack-plugin 和 mini-css-extract-plugin0 码力 | 36 页 | 8.13 MB | 1 年前3
共 2 条
- 1













