-
webpack的作用是什么
- 模块打包:可以将不同模块的文件打包整合到一起,并且保证它们之间的引用正确、执行有序。
- 编辑兼容:提高开发效率。
- 能力扩展:Plugin机制,在实现模块化打包和编译兼容的基础上,可以进一步实现诸如按需加载,代码压缩等一系列功能。
-
模块打包运行原理
- 读取webpack配置参数、启动webpack,创建Complier对象并开始解析项目。
- 从入口文件(entry)开始解析,并且找到其导入的依赖模块,递归遍历分析,形成依赖关系树。
- 对不同文件类型的依赖模块文件使用对应的Loader进行编译,最终转为Javascript文件。
- 整个过程中webpack会通过发布订阅者模式,向外抛出一些hooks,而webpack的插件即可通过监听这些关键的事件节点,执行插件任务进而达到干预输入结果的目的。
-
Loader负责文件转换、Plugin便是负责功能扩展。
webpack源码主要是依赖于compiler和compilation两个核心对象实现。
webpack相关知识点
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- https://blog.csdn.net/weixin_44135121/article/details/898...