loader和plugin的区别？

[sayid760]

• loader：用于对模块的源代码进行转换，将ts转为js、将内联图像转换为dataURL
• plugin：在webpack运行的生命周期中会广播出许多事件，plugin可以监听这些事件/钩子函数，去修改某些资源或添加新资源，使webpack打包时资源发生变化或输出更多资源

new plugin时，会调用apply方法，会给你传入compiler对象，可以通过compiler对象上绑定的钩子，往钩子上塞入回调函数，从而让webpack在执行过程中执行相应绑定的钩子函数