webpack中的关键:loader,plugin

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 编写 Loader Loader就像是一个翻译员,能把源文件经过转化后输出新的结果,并且一个文件还可以链式的经过多...
    oWSQo阅读 7,697评论 0 8
  • 2018年8月25日更新,目前 webpack 已经更新值 4.17.1 ,本文所用到的各种库或多或少有些过时,跟...
    AizawaSayo阅读 303评论 0 2
  • webpack是一个模块打包器(module bundler),提供了一个核心,核心提供了很多开箱即用的功能,同时...
    指尖跳动阅读 582评论 0 1
  • webpack是一个模块打包器(module bundler),提供了一个核心,核心提供了很多开箱即用的功能,同时...
    2b61575c37fd阅读 7,554评论 0 2
  • 一、webpack 配置 1. 资源入口 Webpack 通过 context 和 entry 这两个配置项来共同...
    了凡和纤风阅读 1,120评论 0 7

友情链接更多精彩内容