Webpack Loader Plugin
💡
原文中文，约1200字，阅读约需3分钟。
📝
内容提要
Webpack的Loader和Plugin用于处理文件和打包。Loader在文件级别工作，处理源文件并返回JavaScript源码，执行顺序相反。Plugin在打包级别工作，能够更改打包过程，提供更强的控制能力。
🎯
关键要点
- Loader在文件级别工作，能够加载和处理资源文件，如编译和压缩。
- Loader的执行顺序与配置中的顺序相反，最后一个loader最先执行，返回JavaScript源码。
- Plugin在打包级别工作，通常在打包生成过程的末尾进行操作，能够修改打包的创建方式。
- Plugin比Loader具有更强的控制能力，可以监听webpack生命周期中的事件并通过API改变输出结果。
❓
延伸问答
Webpack的Loader和Plugin有什么区别？
Loader在文件级别工作，处理源文件并返回JavaScript源码，而Plugin在打包级别工作，能够修改打包过程，提供更强的控制能力。
Loader的执行顺序是怎样的？
Loader的执行顺序与配置中的顺序相反，最后一个loader最先执行，返回JavaScript源码。
Plugin在Webpack中有什么作用？
Plugin通常在打包生成过程的末尾进行操作，能够修改打包的创建方式，并且可以监听webpack生命周期中的事件。
如何使用多个Loader处理一个文件？
可以在Webpack配置中为一个文件指定多个loader，最后执行的loader会接收前一个loader的返回值作为参数。
Plugin相比于Loader有什么优势？
Plugin比Loader具有更强的控制能力，可以通过API改变输出结果，并监听webpack生命周期中的事件。
Webpack的Loader可以处理哪些类型的文件？
Loader可以加载和处理资源文件，如编译和压缩等。
➡️
