webpack构建

1.概念

• loader文件加载器，可以获取匹配文件的内容，对文件内容进行修改
• plugin插件，用于扩展webpack功能，在webpack构建生命周期的节点加入扩展的hook为webpack加入功能

2.webpack构建流程

• 解析webpack配置参数，合并控制台传入和webpack.config.js文件中的配置参数，产生最后的配置结果
• 注册配置的插件，让插件监听webpack构建生命周期中的事件节点
• 从entry入口文件开始解析文件构建语法树，找到每个文件的依赖文件，传递下去
• 在解析文件递归的过程中，根据文件类型和loader配置来找出合适的loader对文件进行转换
• 递归完成后得到每个文件的最终结果，根据entry配置生成代码块chunk
• 输出所有chunk到文件系统