前端工程化——Webpack中Loader和plugin的区别

Loader和plugin的区别

不同的作用：

• loader：意为“加载器”，因为原生webpack只能解析js文件，想对css、less等文件打包则需要对应的loader，即loader给webpack了加载和解析非javascript文件以外的能力。
• plugin：意为“插件”，主要用于扩展webpack的功能，例如HotModuleReplacementPlugin和HtmlWebpackPlugin

不同的用法：

• Loader在module.rules中配置，也就是说他作为模块的解析规则而存在。 类型为数组，每一项都是一个Object，里面描述了对于什么类型的文件（test），使用什么加载(loader)和使用的参数（options）。
• Plugin在plugins中单独配置。 类型为数组，每一项是一个plugin的实例，参数都通过构造函数传入。