1.首先两者都是为了扩展webpack的功能
2.Loader: webpack视一切文件为模块，但webpack原生只能解析js文件，如果想将其他文件也打包的话，就会用到loader。
它只专注于转化文件（transform）这一领域，完成压缩，打包，语言编译
所以，Loader的作用是让webpack拥有了加载和解析非JavaScript文件的能力
3.Plugin: plugins在整个编译周期都起作用，也是为了扩展webpack的功能，但是 plugin 是作用于webpack本身上的。
而且plugin不仅只局限在打包，资源的加载上，它的功能要更加丰富。
从打包优化和压缩，到重新定义环境变量，功能强大到可以用来处理各种各样的任务。
webpack提供了很多开箱即用的插件：CommonChunkPlugin主要用于提取第三方库和公共模块，避免首屏加载的bundle文件，或者按需加载的bundle文件体积过大，导致加载时间过长，是一把优化的利器。
4.loader运行在打包文件之前（loader为在模块加载时的预处理文件）；plugin在整个编译周期都起作用
5.一个loader的职责是单一的，只需要完成一种转换，一个loader其实就是一个Nod.js模块。当需要调用多个loader去转换一个文件时，每个loader会链式打的顺序执行
标签：文件,Plugin,webpack,loader,Webpack,Loader,打包,加载 From： https://www.cnblogs.com/felix-felix/p/17131879.html