说说Loader和Plugin的区别？编写Loader，Plugin的思路？

Loader和Plugin都是webpack的扩展机制，但是它们的作用不同。

Loader是用于对模块的源代码进行转换的工具，它可以将一些非JavaScript文件（如CSS、图片、字体等）转换成JavaScript模块。Loader会在Webpack打包的过程中被自动调用，每个Loader只负责一种文件类型的转换。

Plugin则是用于扩展Webpack功能的工具，它可以在Webpack运行期间执行一些任务，比如生成HTML文件、压缩代码、提取公共代码等。Plugin是通过Webpack的事件机制来实现的，可以在Webpack的不同阶段注册不同的事件来实现不同的功能。

编写Loader的思路：

1. 确定需要转换的文件类型和Loader名称
2. 在代码中编写处理文件的逻辑
3. 导出一个函数作为Loader的入口
4. 在webpack的配置文件中配置Loader

编写Plugin的思路：

1. 确定需要扩展的Webpack功能
2. 编写插件的逻辑代码
3. 在插件中注册Webpack事件
4. 在Webpack的配置文件中配置插件