艰深点讲loader是转换,plugin是执行比转换更简单的工作,比方合并压缩等

loader:让webpack可能解决非js文件,而后你就能够利用 webpack 的打包能力,对它们进行解决。
例如:css-loader、style-loader、postcss-loader、sass-loader

plugins:从打包优化和压缩,始终到从新定义环境中的变量.
例如:uglify-webpack-plugin、clean-webpack-plugin、babel-polyfill

绝对于loader转换指定类型的模块性能,plugins可能被用于执行更宽泛的工作比方打包优化、文件治理、环境注入等……

loader,它是一个转换器,将A文件进行编译成B文件,比方:将A.less转换为A.css,单纯的文件转换过程。

plugin是一个扩展器,它丰盛了webpack自身,针对是loader完结后,webpack打包的整个过程,它并不间接操作文件,而是基于事件机制工作,会监听webpack打包过程中的某些节点,执行宽泛的工作

原文链接:https://blog.csdn.net/tangdou...