|
第1章 课程简介9 u/ [) _; ^7 g4 ?$ @0 i5 @& c
讲述课程背景,从前端开发的变化 到 前端工具的发展变化,介绍了课程内容,课程安排。
% ]* {) b( N' H% `第2章 学习准备
7 F8 s2 X8 X% @* s5 ^: j5 f讲述模块化开发的思想、学习环境准备,webpack 的概况,版本更迭,核心概念等,为开始实践学习webpack 做准备。
: O0 X" g* ?( }& s; x/ o第3章 由浅入深Webpack(1)
' |/ E- o( k+ w: C由一个个的实例组成,介绍webpack 在处理各种实例的下的配置,实例包括 Typescript Ecmascript Less 语言的预编译,讲解了 Webpack 提取公共代码、代码分割、动态import、魔法注释、JS 和 CSS 的 TreeShaking等新特性。
* C ~7 ~/ N& i第4章 由浅入深Webpack(2)
7 n$ @+ r5 c4 V ?; K图片的压缩、CSS 雪碧图、PostCSS 的使用、HTML 的生成等。; ]" A9 o& a/ j+ {3 M8 @" d
第5章 Webpack 环境配置# N4 X+ l; C% x* R8 h& a' \
介绍如何搭建 Webpack 本地开发环境,配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。+ ], U L6 S! C( |
第6章 Webpack 实战场景
5 t: k. Y3 o/ ^ o3 t5 {* h介绍Webpack 打包分析工具,如果使用webpack 长缓存优化,如何提升打包速度。! I- h3 y3 }+ f, G
第7章 Webpack 和 Vue
& C" m$ t( K6 w5 i1 h8 ^1 P介绍Webpack 和 Vue 的结合,Vue-cli 的模版介绍,以及模版中的各项配置。" T& b2 H, v+ I3 Q/ ?
第8章 Webpack 和 React
# i9 q8 P" e/ ~" ?5 @* i1 }介绍Webpack 和 React 的结合,介绍官方脚手架 Create-React-App 以及各种配置。: _# B- d1 P1 Q) k
第9章 Webpack 和 Angular
. c2 x. {! X+ a1 ?5 G- F Q介绍 Webpack 和 Angular的结合,介绍官方命令行工具 Angular-cli,以及如何自定义配置。
( M! A. w% o- _( e第10章 课程总结
1 D& g8 }- R6 a/ Y7 p. Zwebpack相关面试技术讲解。6 W3 N! {3 f- p) {
下载地址:) v4 ~$ @1 B; m! ^& ]/ a
8 l, Z" p6 b% m* L) p% {) r0 }
|
|