关于javascript:Loader和Plugin的区别

作用不同：

• Loader 直译为 ” 加载器 ”。Webpack 将所有文件视为模块，然而 webpack 原生是只能解析 js 文件，如果想将其余文件也打包的话，就会用到 loader。所以 Loader 的作用是让 webpack 领有了加载和解析非 JavaScript 文件的能力。
• Plugin 直译为 ” 插件 ”。Plugin 能够扩大 webpack 的性能，让 webpack 具备更多的灵活性。在 Webpack 运行的生命周期中会播送出许多事件，Plugin 能够监听这些事件，在适合的机会通过 Webpack 提供的 API 扭转输入后果。

用法不同：

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