作用不同：

  • 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的实例，参数都通过构造函数传入。