|
|
第1章 课程简介1 K5 M c7 u' j F8 D5 T
讲述课程背景，从前端开发的变化 到 前端工具的发展变化，介绍了课程内容，课程安排。) y- p) y$ w3 E
第2章 学习准备# z5 E( t: y; y8 a+ L. ^
讲述模块化开发的思想、学习环境准备，webpack 的概况，版本更迭，核心概念等，为开始实践学习webpack 做准备。
' f: h0 J6 R, |. L第3章 由浅入深Webpack（1）
3 `# r) ?7 t" q由一个个的实例组成，介绍webpack 在处理各种实例的下的配置，实例包括 Typescript Ecmascript Less 语言的预编译，讲解了 Webpack 提取公共代码、代码分割、动态import、魔法注释、JS 和 CSS 的 TreeShaking等新特性。
' I# J3 p+ m" R2 l1 }" ~第4章 由浅入深Webpack（2）) o |2 b0 r) E0 T m: P1 y/ b
图片的压缩、CSS 雪碧图、PostCSS 的使用、HTML 的生成等。% A7 t1 e- m0 s0 P
第5章 Webpack 环境配置
. f& r6 x0 M0 L7 t介绍如何搭建 Webpack 本地开发环境，配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。
$ U& Z" F+ g6 k' Z# T第6章 Webpack 实战场景1 [4 ?( {3 L7 f w- W; f
介绍Webpack 打包分析工具，如果使用webpack 长缓存优化，如何提升打包速度。
& V4 J& f, o. t1 a; j/ Y第7章 Webpack 和 Vue
0 f( y/ F7 m6 }1 N1 ^( O: H; B介绍Webpack 和 Vue 的结合，Vue-cli 的模版介绍，以及模版中的各项配置。, x2 s2 X" d y R9 s7 X3 Y
第8章 Webpack 和 React
* d9 x$ c2 b4 ~ \介绍Webpack 和 React 的结合，介绍官方脚手架 Create-React-App 以及各种配置。+ u7 n0 E) N) q4 p& o( H- Y- l
第9章 Webpack 和 Angular0 V3 b( j2 I5 K' j2 Z X! }! g
介绍 Webpack 和 Angular的结合，介绍官方命令行工具 Angular-cli，以及如何自定义配置。, Z& N [- z9 X U3 P$ W
第10章 课程总结
& h* |) @* Y4 l1 A" |7 v' Bwebpack相关面试技术讲解。
# P6 a" h) N; w9 R/ o8 Y% ~下载地址：" S: H# p+ n0 q$ I- {
! L- x9 ?' Q# D+ n- x3 p |
|
发表于 2018-2-7 15:33:18
发表于 2018-2-7 17:26:59
