|
第1章 课程简介9 ?1 r/ `) T( g( }4 l/ G" {
讲述课程背景,从前端开发的变化 到 前端工具的发展变化,介绍了课程内容,课程安排。
, `6 M# ]7 l/ o0 f第2章 学习准备
% w# U0 A4 G. X) E2 B- J讲述模块化开发的思想、学习环境准备,webpack 的概况,版本更迭,核心概念等,为开始实践学习webpack 做准备。" p- u7 U+ z3 @) l- V+ q& {
第3章 由浅入深Webpack(1)+ z7 s8 @5 ?, W, k* V7 e% p7 Z2 l
由一个个的实例组成,介绍webpack 在处理各种实例的下的配置,实例包括 Typescript Ecmascript Less 语言的预编译,讲解了 Webpack 提取公共代码、代码分割、动态import、魔法注释、JS 和 CSS 的 TreeShaking等新特性。
0 U' E2 B' m0 \: ?5 m \第4章 由浅入深Webpack(2)
7 ]" e. J o( N' k* m4 B+ x图片的压缩、CSS 雪碧图、PostCSS 的使用、HTML 的生成等。/ c1 Q9 u7 |; F0 h" D
第5章 Webpack 环境配置
V, }4 I: M9 Z; K) \6 c8 l9 }3 J介绍如何搭建 Webpack 本地开发环境,配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。
. {* Y4 W2 f5 h7 z( G第6章 Webpack 实战场景
) A3 u. i- W" c9 k9 s介绍Webpack 打包分析工具,如果使用webpack 长缓存优化,如何提升打包速度。; b; C3 B# j! m: U& A: D! m
第7章 Webpack 和 Vue2 ~6 V; R# `8 ]3 T8 ~ t" c
介绍Webpack 和 Vue 的结合,Vue-cli 的模版介绍,以及模版中的各项配置。' r2 @; o& m" y R
第8章 Webpack 和 React
6 O3 l( q5 d0 ^! I! Y介绍Webpack 和 React 的结合,介绍官方脚手架 Create-React-App 以及各种配置。
3 R- W7 S5 o/ C: V2 {1 `% C第9章 Webpack 和 Angular
6 E( o" R+ e. l' Q. y) U& d介绍 Webpack 和 Angular的结合,介绍官方命令行工具 Angular-cli,以及如何自定义配置。8 q- J" I/ @2 J6 A! _ [$ d5 l
第10章 课程总结5 x* @' ^, J! N$ P1 ^- b( |! D
webpack相关面试技术讲解。2 Z/ F, V: ?/ t$ A5 w. p) n2 w) T
下载地址:8 W. q6 E/ [% r, @) m
9 C! u6 Q/ P3 j# M |
|