课程大纲
本课程分为两部分内容，一部分是讲解webpack相关，另一部分是讲解如何从零开始开发一个脚手架。第一部分内容从讲解webpack的基础知识开始，循序渐进的讲解webpack的执行过程，以及在webpack生命周期中loader和plugin的执行原理。基于对执行过程的了解，继续学习常用的webpack打包性能优化方式，例如代码分割，多线程打包等等。第二部分内容会先讲解开源脚手架FIE的架构设计，并带领大家从零开始开发一个脚手架，期间会涉及到常用的NPM包使用，脚手架调试，脚手架发布，常用的兼容性问题处理等等。
课程收益
1、了解webpack构建器的基本原理，以及如何开发webpack自定义插件；
2、了解webpack打包性能优化方式；
3、了解NPM包原理，掌握常用的NPM包；
4、了解脚手架开发过程；
5、了解不同操作系统的兼容性处理。
受众人群
架构师、前端开发工程师、技术部门负责人等等，以及对Node感兴趣的人员。
课程周期
1天（6H）
课程大纲
标题 | 授课内容 | 掌握内容 |
一、webpack介绍 | 1. webpack执行过程 2. webpack loader原理 3. webpack plugin原理 | 1. 掌握webpack的执行过程 2. 了解webpack loader，plugin的原理 3. 自定义实现一个webpack plugin |
二、webpack性能优化方式 | 1. 减少打包文件体积 2. 代码分割 3. 多线程打包 4. Tree Shaking | 掌握常用的webpack性能优化方式 |
三、脚手架开发 | 1. FIE脚手架架构设计 2. 脚手架开发 3. 脚手架本地测试 4. 脚手架发布 | 1. 掌握基本的脚手架开发方法 2. 掌握lerna使用方法 3. 脚手架发布方法 |
四、常用NPM模块 | 1. 常用核心包与第三方包 2. 文件(夹)的读写操作 3. 流的读写操作 | 掌握常用的模块包括fs、fs-extra、path、commander等 |
五、常用兼容性问题 | 1. Mac和Windows系统常见的兼容性问题 | 掌握不同操作系统的兼容性问题，以及对应的解决方案 |
京ICP备2022035414号-1
