webpack介绍

1.什么是webpack

webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其他一些浏览器不能直接运行的拓展语言(Scss、TypeScript等),并将其打包为合适的格式以供浏览器使用。


可以做的事情

  • 代码转换
    ES6 =》ES5;Less,Sass =》 CSS
  • 文件优化
    压缩文件体积,合并文件
  • 代码分割
    懒加载
  • 模块合并
  • 自动刷新
    热更新
  • 代码校验
  • 自动发布

2.需要掌握的内容

  • node基础,npm的使用
  • es6语法
  • webpack常见配置
  • webpack高级配置
  • webpack优化策略
  • ast抽象语法树
  • webpack中的Tapable
  • webpack流程
  • 手写webpack中常见的loader
  • 手写webpack中常见的plugin
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,243评论 0 21
  • 简介 什么是模块打包?粗俗一点来讲,模块打包就是把一小坨一小坨的代码粘成一大坨。实际操作起来的时候当然还需要关注一...
    廖马儿阅读 509评论 0 0
  • 前端自动化 您需要跟踪文件应该加载的正确顺序,包括哪些文件依赖于哪些其他文件,并确保不包含您不需要的任何文件。 过...
    debt阅读 730评论 0 0
  • 写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较...
    不忘初心_9a16阅读 3,263评论 0 17
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,330评论 4 31