基于Webpack3.0配合Loader、插件、工具的使用，搭建前端主流Vue、React、Angular的开发环境和项目框架，解决线上代码缓存、体积优化、本地开发环境代理请求等需求，提高开发效率！
课程目录：
第1章课程简介试看2节|32分钟
讲述课程背景，从前端开发的变化到前端工具的发展变化，介绍了课程内容，课程安排。
视频：1-1课程背景(27:54)
视频：1-2导学(03:49)试看
第2章学习准备5节|67分钟
讲述模块化开发的思想、学习环境准备，webpack的概况，版本更迭，核心概念等，为开始实践学习webpack做准备。
视频：2-1学习准备–模块化（1）(14:49)
视频：2-2学习准备–模块化（2）(13:02)
视频：2-3学习准备–环境准备(mac)(07:35)
视频：2-4学习准备–webpack简介(15:18)
视频：2-5学习准备–webpack核心概念(16:08)
第3章由浅入深Webpack（1）试看16节|207分钟
由一个个的实例组成，介绍webpack在处理各种实例的下的配置，实例包括TypescriptEcmascriptLess语言的预编译，讲解了Webpack提取公共代码、代码分割、动态import、魔法注释、JS和CSS的TreeShaking等新特性。
视频：3-1由浅入深webpack–使用webpack(12:38)
视频：3-2由浅入深webpack–打包JS(12:03)试看
视频：3-3由浅入深webpack–编译ES6(26:09)试看
视频：3-4由浅入深webpack–编译typescript(18:48)
视频：3-5由浅入深webpack–打包公共代码（1）(12:26)
视频：3-6由浅入深webpack–打包公共代码（2）(10:05)
视频：3-7由浅入深webpack–代码分割和懒加载（1）(15:25)
视频：3-8由浅入深webpack–代码分割和懒加载（2）(13:17)
视频：3-9由浅入深webpack–处理CSS–style-loader（1）(14:30)
视频：3-10由浅入深webpack–处理CSS–style-loader（2）(10:06)
视频：3-11由浅入深webpack–处理CSS–CSS-Loader(09:27)
视频：3-12由浅入深webpack–处理CSS–配置Less–Sass(03:02)
视频：3-13由浅入深webpack–处理CSS–提取CSS(13:43)
视频：3-14由浅入深webpack–PostCSS-in-webpack(11:14)
视频：3-15由浅入深webpack–Tree-shaking–JSTree-shaking(14:51)
视频：3-16由浅入深webpack–Tree-shaking–CSSTree-shaking(09:03)
第4章由浅入深Webpack（2）7节|73分钟
图片的压缩、CSS雪碧图、PostCSS的使用、HTML的生成等。
视频：4-1文件处理（1）-图片处理–CSS中引入图片、Base64编码(18:25)
视频：4-2文件处理（2）-图片处理–压缩图片、自动合成雪碧图sprite、retina处理(09:20)
视频：4-3文件处理（3）-处理字体文件(04:54)
视频：4-4文件处理（4）-处理第三方JS库（providePlugin、imports-loader）(11:00)
视频：4-5htmlinwebpack（1）–生成HTML(11:26)
视频：4-6htmlinwebpack（2）–HTML中引入图片(10:02)
视频：4-7htmlinwebpack（3）–配合优化(06:56)
第5章Webpack环境配置9节|145分钟
介绍如何搭建Webpack本地开发环境，配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。
视频：5-1开发环境–WebpackWatchMode(08:05)
视频：5-2开发环境–WebpackDevServer–本地rewrite规则-(19:33)
视频：5-3开发环境–代理远程接口(16:09)
视频：5-4开发环境–模块热更新(20:01)
视频：5-5开发环境–开启调试SourceMap(14:22)
视频：5-6开发环境–设置ESLint检查代码格式(15:04)
视频：5-7开发环境–区分开发环境和生产环境（1）(12:49)
视频：5-8开发环境–区分开发环境和生产环境（2）(18:58)
视频：5-9开发环境–使用middleware来搭建开发环境(19:28)
第6章Webpack实战场景6节|108分钟
介绍Webpack打包分析工具，如果使用webpack长缓存优化，如何提升打包速度。
视频：6-1Webpack实战场景–分析打包结果(18:25)
视频：6-2webpack实战场景–优化打包速度（1）(08:28)
视频：6-3webpack实战场景–优化打包速度（2）(18:02)
视频：6-4webpack实战场景–长缓存优化(17:59)
视频：6-5webpack实战场景–webpack多页面应用（1）(21:46)
视频：6-6webpack实战场景–webpack多页面应用（2）(22:34)
第7章Webpack和Vue6节|97分钟
介绍Webpack和Vue的结合，Vue-cli的模版介绍，以及模版中的各项配置。
视频：7-1Vue和webpack–Vue-cli介绍(09:51)
视频：7-2Vue和webpack–Webpacktemplate(20:00)
视频：7-3vue和webpack–开发配置（1）(19:32)
视频：7-4vue和webpack–开发配置（2）(14:51)
视频：7-5vue和webpack–实现简单todolist（1）(15:55)
视频：7-6vue和webpack–实现简单todolist（2）(16:11)
第8章Webpack和React4节|61分钟
介绍Webpack和React的结合，介绍官方脚手架Create-React-App以及各种配置。
视频：8-1React和webpack–create-react-app介绍(10:14)
视频：8-2React和webpack–create-react-app运行脚本介绍(17:46)
视频：8-3React和Webpack–create-react-app配置(16:55)
视频：8-4React和Webpack–自定义配置(15:32)
第9章Webpack和Angular2节|38分钟
介绍Webpack和Angular的结合，介绍官方命令行工具Angular-cli，以及如何自定义配置。
视频：9-1Angular和webpack–Angular–cli介绍(24:18)
视频：9-2Angular和webpack–模块热更新和自定义配置(12:45)
第10章课程总结2节|23分钟
webpack相关面试技术讲解。
视频：10-1课程总结–webpack面试常见问题(15:00)
视频：10-2课程总结–课程回顾和总结(07:52)
第11章Webpack4更新3节|40分钟
针对Webpack3.x与4.x差异，讲解了一些比较基础的差异：默认配置、mode、TreeShaking和代码切分
视频：11-1Webpack4默认配置和mode(13:28)
视频：11-2Webpack4优化、TreeShaking和代码切分（1）(13:34)
视频：11-3Webpack4优化、TreeShaking和代码切分（2）(12:43)
