美文网首页
webpack构建

webpack构建

作者: 星月西 | 来源:发表于2017-08-31 21:51 被阅读14次

1.概念

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

2.webpack构建流程

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

相关文章

网友评论

      本文标题:webpack构建

      本文链接:https://www.haomeiwen.com/subject/wizerxtx.html