webpack介绍
2019-03-03 本文已影响0人
宝妞妞加油
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
