likes
comments
collection
share

webpack的重要构成内容

作者站长头像
站长
· 阅读数 71

webpack是一个模块化打包器,要理解webpack,必须知道的以下内容:loader、plugin、compiler、compilation、tapable

loader

用于编译处理模块

plugin

通过定义钩子钩入整个打包过程的一些特定时间点,在对应的时间点对打包动作做一些处理

compiler

继承自tapable;管理整个编译过程,提供了很多钩子

compilation

继承自tapable;处理主要的编译流程,如依赖分析、用loader处理对应模块、优化压缩、生成文件

tapable

webpack专门开发出来用于定义钩子的类,compiler、compilation都继承自此类

编译过程

webpack的重要构成内容

扩展

  1. webpack的tree shaking是如何实现的?
  2. HMR是如何实现的?
转载自:https://segmentfault.com/a/1190000023443007
评论
请登录