阶段

阶段目标

• 搞清楚webpack是什么，能给我们带来什么，这个主要也是为了契合公司培训的需求。
• webpack的知识全局了解，然后绘制知识体系图。
• 根据知识体系图，放大单个的模块进行二次专研。
• 串联知识体系内部各模块之间的知识联系和配合。
• 从无到有搭建一个前端脚手架项目。
• 搭建类ant design pro的项目出来【这个要设计其他知识体系的梳理，这个优先级放到最后】。
• 延伸：webpack工作核心原理
• 手动撸一个webpack简单基础版本去理解原理
  

第一阶段：webpack初步入门

阶段目标

• 搞清楚webpack是什么，能给我们带来什么，这个主要也是为了契合公司培训的需求。
• webpack的知识全局了解，然后绘制知识体系图。

内容介绍

• 了解webpack相关的历史背景
• 建议webpack的学习路线
• 了解webpack与其他打包工具的对比
• 了解从零开始搭建一个小的webpack项目的过程
• 了解webpack的知识体系以及脑图，如何从官网学习对应的知识

第二阶段：webpack内容学习

阶段目标

• 根据知识体系图，放大单个的模块进行二次专研。

内容介绍

主要是放大单个项目进行学习。主要目录如下。主要参考资料在后面。

主要知识文档：

http://site.damobing.com/webpack/
https://www.yuque.com/robinson/fe-pro/evog5g
https://www.yuque.com/fe9/basic/sdviix
https://www.webpackjs.com/concepts/