1.概念
- loader文件加载器,可以获取匹配文件的内容,对文件内容进行修改
- plugin插件,用于扩展webpack功能,在webpack构建生命周期的节点加入扩展的hook为webpack加入功能
2.webpack构建流程
- 解析webpack配置参数,合并控制台传入和webpack.config.js文件中的配置参数,产生最后的配置结果
- 注册配置的插件,让插件监听webpack构建生命周期中的事件节点
- 从entry入口文件开始解析文件构建语法树,找到每个文件的依赖文件,传递下去
- 在解析文件递归的过程中,根据文件类型和loader配置来找出合适的loader对文件进行转换
- 递归完成后得到每个文件的最终结果,根据entry配置生成代码块chunk
- 输出所有chunk到文件系统








网友评论