webpack Plugin 和 Loader 的区别

• Loader：

  对模块源码的转换，描述了 webpack 如何处理非 javascript 模块，并且在 build 中引入这些依赖。loader 可以将文件从不同的语言（如 TypeScript）转换为 JavaScript，或者将内联图像转换为 data URL。比如说：CSS-Loader，Style-Loader 等。

css-loader 会对 @import 和 url() 进行处理，就像 js 解析 import/require() 一样。
style-loader把 CSS 插入到 DOM 中。

• Plugin

  解决 loader 无法实现的其他事,扩展了webpack的功能。插件的范围包括，从打包优化和压缩，一直到重新定义环境中的变量。插件接口功能极其强大，可以用来处理各种各样的任务。