|
|
第1章 课程简介
! l" {5 w$ j4 R/ B8 C讲述课程背景，从前端开发的变化 到 前端工具的发展变化，介绍了课程内容，课程安排。4 t% |9 Q9 ~9 c; e6 I5 N& l
第2章 学习准备( S& c# ~; [4 x
讲述模块化开发的思想、学习环境准备，webpack 的概况，版本更迭，核心概念等，为开始实践学习webpack 做准备。
) ~ `$ m: P9 W: ]第3章 由浅入深Webpack（1）' F, ]& A9 f' U0 a3 Q; x5 g$ g- v7 s
由一个个的实例组成，介绍webpack 在处理各种实例的下的配置，实例包括 Typescript Ecmascript Less 语言的预编译，讲解了 Webpack 提取公共代码、代码分割、动态import、魔法注释、JS 和 CSS 的 TreeShaking等新特性。 k% R J! H! r6 {) [2 b
第4章 由浅入深Webpack（2）
7 ]8 t; V/ X1 O: {图片的压缩、CSS 雪碧图、PostCSS 的使用、HTML 的生成等。* D# C8 I" ~; f2 C' d
第5章 Webpack 环境配置7 X2 q ?1 y0 z, Y' I, M
介绍如何搭建 Webpack 本地开发环境，配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。
; P# z6 v a6 A7 {+ u0 Y. E第6章 Webpack 实战场景* N0 @5 E) e l6 f7 [
介绍Webpack 打包分析工具，如果使用webpack 长缓存优化，如何提升打包速度。' |' P+ Y; u3 ^. d3 a; m0 ?$ Q
第7章 Webpack 和 Vue
0 T8 g- I) G& v2 O; c介绍Webpack 和 Vue 的结合，Vue-cli 的模版介绍，以及模版中的各项配置。3 u: h9 l# h/ Q, ~6 M& k6 w4 B" P
第8章 Webpack 和 React
9 \$ N& j7 o1 n5 J$ e5 K" ^) B介绍Webpack 和 React 的结合，介绍官方脚手架 Create-React-App 以及各种配置。
3 a! T& l) p1 \第9章 Webpack 和 Angular1 b+ Y$ W" Q, x$ `8 S9 ^$ ]- m, p
介绍 Webpack 和 Angular的结合，介绍官方命令行工具 Angular-cli，以及如何自定义配置。& t7 k+ y6 J! d' e1 W+ Z
第10章 课程总结
/ _: B9 {/ ^% G5 G jwebpack相关面试技术讲解。
6 j( e2 @' I" l下载地址：
6 S4 M7 y9 j' @1 V+ l& f; z1 L' E, k! d4 ^) f8 s7 f
|
|
发表于 2018-2-7 15:33:18
发表于 2018-2-7 17:26:59
