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