首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
_tinyant
掘友等级
前端工程师
|
tencent
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
147
文章 145
沸点 2
赞
147
返回
|
搜索文章
最新
热门
9. 「webpack源码分析」从chunk到最终的文件内容到最后的文件输出?
compilation.seal 中先是将模块聚合为chunk,第二步就是将chunk输出为最终的文件。
8. 「webpack源码分析」从dependency graph 到 chunk graph
经过hooks.make部分的努力,完成从entry及其整条依赖链上的所有模块的构建。此时webpack会通过按照一定规则将模块进行聚合。
7. 「webpack源码分析」模块构建之解析_source获取dependencies
上一节经过loader的执行会返回原始经过loader改造后的内容,之后我们需要解析该内容以收集dependencies。 本文重点说如何从_source解析出模块依赖dependencies和其基础
6. 「webpack源码分析」模块构建之loader执行:loader-runner@2.4.0源码分析
第四节创建完模式实例后,进入模块的构建工作,本节重点说loaders的执行。loader执行单独抽离成了一个库 loader-runner
5. 「webpack源码分析」路径解析:enhanced-resolve@4.5.0源码分析
由于webpack为文件引用提供了多样的化了引用方式,单独实现一个enhanced-resolve库来解析文件路径为本地路径。
4. 「webpack源码分析」创建模块实例,为模块解析准备
创建normalModule的前夕收集模块构建过程中的核心对象:parser、resolver、loader、generator
3. 「webpack源码分析」webpack构建整体流程的组织:webpack -> Compiler -> Compilation
webpack构建主流程塑造,从webpack(options) -> compiler -> compilation.
2. 「webpack源码分析」webpack构建的基石: tapable@1.1.3源码分析
tapable是webpack中插件能运行的基石,是webpack与开发者交流的话筒,增强了webpack基础功能。
1. 「webpack源码分析」构建前后产物对比分析webpack做了些什么?
1. 给出一个实例,对比该案例webpack构建前后的差异,为后面分析构建主流程组铺垫 2. 分析运行时的执行逻辑。
webpack@4.46.0 辅助信息
webpack@4.46.0 辅助信息,源码中涉及插件和hooks的梳理,简单记录下,可能会随时更新。
下一页
个人成就
文章被点赞
216
文章被阅读
26,675
掘力值
1,028
关注了
107
关注者
83
收藏集
15
关注标签
34
加入于
2017-02-14