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