webpack中的关键:loader,plugin

时间:2021-6-12 作者:qvyue

loader:指文件加载器,执行一个文件的编译转译功能,例如有,es6转es5,就有babel-loader,文件中引入css文件就需要css-loader,style-loader。

plugin:用于增强一个项目里面webpack的能力,其机制就是强调一个事件监听的能力,在项目里监听一些事件,并且改变一些文件打包输出的结果。比如使用一个叫UglifyJSPlugin的插件来对js文件进行压缩,从而减小js文件的大小,加速load速度。

Loader负责文件转换,那么Plugin便是负责功能扩展。Loader和Plugin作为Webpack的两个重要组成部分,承担着两部分不同的职责。

下一期我们重点讲解前端模块化!

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。