webpack的loader和plugin有甚么不同

Webpack的loader和plugin是两个区分的概念，分别用于处理区分的任务。

1. Loader（加载器）：Loader用于对模块的源代码进行转换和加载。它是一个转换器，将源代码从区分的语言（如ES6、TypeScript、Less等）转换为浏览器可以理解的代码（通常是JavaScript或CSS）。Loader可以理解为一个管道，每一个loader对源代码进行一次转换，最后输出转换后的代码。常见的Loader有babel-loader、css-loader、file-loader等。
2. Plugin（插件）：Plugin用于扩大Webpack的功能。它是一个具有apply方法的JavaScript对象，通过在Webpack的构建进程中的区分阶段履行特定的任务来实现功能扩大。Plugin可以用于优化资源、注入环境变量、生成HTML文件等。常见的Plugin有HtmlWebpackPlugin、CleanWebpackPlugin、MiniCssExtractPlugin等。

总结起来，Loader用于转换单个模块的源代码，而Plugin用于扩大Webpack的功能，对全部构建进程进行干预和处理。