loader:指文件加载器,执行一个文件的编译转译功能,例如有,es6转es5,就有babel-loader,文件中引入css文件就需要css-loader,style-loader。
plugin:用于增强一个项目里面webpack的能力,其机制就是强调一个事件监听的能力,在项目里监听一些事件,并且改变一些文件打包输出的结果。比如使用一个叫UglifyJSPlugin的插件来对js文件进行压缩,从而减小js文件的大小,加速load速度。
Loader负责文件转换,那么Plugin便是负责功能扩展。Loader和Plugin作为Webpack的两个重要组成部分,承担着两部分不同的职责。
下一期我们重点讲解前端模块化!
网友评论