|
|
第1章 课程简介3 O$ m# T- G: e6 d" v* V
讲述课程背景，从前端开发的变化 到 前端工具的发展变化，介绍了课程内容，课程安排。3 ~# j3 I) j8 d( X2 t9 N4 a( m' n
第2章 学习准备1 H i" t9 d3 k+ R, e
讲述模块化开发的思想、学习环境准备，webpack 的概况，版本更迭，核心概念等，为开始实践学习webpack 做准备。1 `2 x. \/ l* [6 c/ D
第3章 由浅入深Webpack（1）
' p3 R6 K4 q, K! y0 J: S& k' u由一个个的实例组成，介绍webpack 在处理各种实例的下的配置，实例包括 Typescript Ecmascript Less 语言的预编译，讲解了 Webpack 提取公共代码、代码分割、动态import、魔法注释、JS 和 CSS 的 TreeShaking等新特性。% P" d8 e) _3 ^1 } N- k
第4章 由浅入深Webpack（2）6 ~/ Q' d6 [4 I& y3 @" ^/ ~
图片的压缩、CSS 雪碧图、PostCSS 的使用、HTML 的生成等。
" ^4 J& G& R) P1 b4 h/ i第5章 Webpack 环境配置
! k! M: P+ x! k' H# f- _! b: W6 X- o介绍如何搭建 Webpack 本地开发环境，配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。
% c; d" A0 t' P. F. S" m- k第6章 Webpack 实战场景
, p2 ~9 K1 R! N1 _) A4 X% a _% x介绍Webpack 打包分析工具，如果使用webpack 长缓存优化，如何提升打包速度。) S ~7 c0 X/ A) c/ S' W+ V
第7章 Webpack 和 Vue
4 I2 ^; J) ~$ b- ^5 j s介绍Webpack 和 Vue 的结合，Vue-cli 的模版介绍，以及模版中的各项配置。
' c: z) d6 k& G第8章 Webpack 和 React/ s+ C* N5 e% D# }8 s
介绍Webpack 和 React 的结合，介绍官方脚手架 Create-React-App 以及各种配置。% ~" `% U2 i, [+ Q! y9 J& o y' \
第9章 Webpack 和 Angular
8 O. y7 f M2 T介绍 Webpack 和 Angular的结合，介绍官方命令行工具 Angular-cli，以及如何自定义配置。$ W0 g) Q! L- M0 h
第10章 课程总结
; j, Z* c3 p3 s' d5 @. q! `: Iwebpack相关面试技术讲解。
% _! P( |& e( B* ]- B下载地址：
- [8 f- O& O$ N* }
( C2 y8 S6 O0 ~* D |
|
发表于 2018-2-7 15:33:18
发表于 2018-2-7 17:26:59
