Skip to content

插件

  • 使用插件的目的是为了增加webpack的自动化能力
  • 前端工程的体现

插件工作原理就是执行webpack钩子函数, 开发插件就是往钩子函数上添加任务

  • compiler 钩子
  • compilation 钩子
  • ContextModuleFactory Hooks
  • JavascriptParser Hooks
  • NormalModuleFactory Hooks
  • Plugin API
  • 解析器(Resolvers)
js
class MyPlugin {
    apply(compiler){
        compiler.hooks.assetEmitted.tap('MyPlugin',(content) => {
                console.log(content); 
            }
        );
    }
}
class MyPlugin {
    apply(compiler){
        compiler.hooks.assetEmitted.tap('MyPlugin',(content) => {
                console.log(content); 
            }
        );
    }
}