插件
- 使用插件的目的是为了增加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);
}
);
}
}