|
|
第1章 课程简介4 m9 P# [; T* M- f/ H( [
讲述课程背景，从前端开发的变化 到 前端工具的发展变化，介绍了课程内容，课程安排。
0 B# e, Q p3 t1 \第2章 学习准备1 C( X( X; v# s: U3 F
讲述模块化开发的思想、学习环境准备，webpack 的概况，版本更迭，核心概念等，为开始实践学习webpack 做准备。
0 o; F3 B- A, J: g# D第3章 由浅入深Webpack（1）. f2 R/ Y" u) U
由一个个的实例组成，介绍webpack 在处理各种实例的下的配置，实例包括 Typescript Ecmascript Less 语言的预编译，讲解了 Webpack 提取公共代码、代码分割、动态import、魔法注释、JS 和 CSS 的 TreeShaking等新特性。
2 z& H- ~( o, \% z9 ~第4章 由浅入深Webpack（2）! N! z' O/ ?. B- c9 U
图片的压缩、CSS 雪碧图、PostCSS 的使用、HTML 的生成等。
# x" \2 F. X( o4 d第5章 Webpack 环境配置
& V( n! B# d% J/ D0 L) h介绍如何搭建 Webpack 本地开发环境，配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。
8 ?8 G! W0 ^( D6 T/ V4 t第6章 Webpack 实战场景
9 w% g; n* H0 K( t) N1 W$ l介绍Webpack 打包分析工具，如果使用webpack 长缓存优化，如何提升打包速度。0 j: ^; s( o) H& D& S% S1 j! d
第7章 Webpack 和 Vue
; `1 }% p+ i9 y介绍Webpack 和 Vue 的结合，Vue-cli 的模版介绍，以及模版中的各项配置。
& b( Z k8 _' \% @9 j; w第8章 Webpack 和 React
2 ^. y; \5 ]) L" `介绍Webpack 和 React 的结合，介绍官方脚手架 Create-React-App 以及各种配置。& e% B2 K' t% D6 W& M
第9章 Webpack 和 Angular
7 p5 O% ?! D; h5 O* z介绍 Webpack 和 Angular的结合，介绍官方命令行工具 Angular-cli，以及如何自定义配置。5 C- Y3 r8 `2 I+ ?" t
第10章 课程总结
( \; e2 {) }; O6 |$ E6 q7 X+ i) Mwebpack相关面试技术讲解。
% N. Y; W; Z" ]* [/ j$ |' b- a下载地址：
" u$ [5 V+ h: D4 F" {6 C6 E( i8 B. I6 E, V6 n* l9 D9 R
|
|
发表于 2018-2-7 15:33:18
发表于 2018-2-7 17:26:59
