界面正在加载中,请稍后

常问的webpack插件总结

JarryChenJarryChen 发布时间:2020-12-19 文章字数:130 预计用时:39秒

# Plugin

  • 概念

    • 专注处理webpack在编译过程中的某个特定的任务功能模块,称为插件。plugin是一个扩展器,丰富了webpack本身,针对loader结束后,webpack打包的整个过程,它并不直接操作文件,而是基于事件机制工作,会监听webpack打包过程中的某些节点,执行广泛的任务。
  • 特点

    • 是一个独立的模块
    • 模块对外暴露一个 js 函数
    • 函数的原型(prototype)上定义一个注入compiler对象的apply方法apply函数中需要有通过compiler对象挂载的webpack事件钩子,钩子的回调中能拿到当前编译的compliation对象,如果是异步编译插件的话可以拿到回调callback
    • 完成自定义子编译流程并处理compliation对象的内部数据
    • 如果异步编译插件的话,数据处理完成后执行callback回调