|
|
第1章 课程简介
- o3 R* r+ c) T讲述课程背景，从前端开发的变化 到 前端工具的发展变化，介绍了课程内容，课程安排。
3 U. K9 l% ?4 X% | K2 r# e第2章 学习准备
+ W% K2 I* k$ G. N. a$ Q7 w: p" Q" o讲述模块化开发的思想、学习环境准备，webpack 的概况，版本更迭，核心概念等，为开始实践学习webpack 做准备。 D5 A5 y# X1 G3 |
第3章 由浅入深Webpack（1）
; h# e. n$ I4 ] K: n: ?' p由一个个的实例组成，介绍webpack 在处理各种实例的下的配置，实例包括 Typescript Ecmascript Less 语言的预编译，讲解了 Webpack 提取公共代码、代码分割、动态import、魔法注释、JS 和 CSS 的 TreeShaking等新特性。
; A( ?3 A m1 c7 I第4章 由浅入深Webpack（2）! D" J2 d% O7 \7 y6 k* H! `) E8 E
图片的压缩、CSS 雪碧图、PostCSS 的使用、HTML 的生成等。
# T: t, K1 O+ P, @第5章 Webpack 环境配置
9 x: ^' o8 `- j9 z! [, v介绍如何搭建 Webpack 本地开发环境，配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。$ Z& K- V! O& H
第6章 Webpack 实战场景, A# C2 ]0 g1 O7 s
介绍Webpack 打包分析工具，如果使用webpack 长缓存优化，如何提升打包速度。
; j1 U, L: K) G' I第7章 Webpack 和 Vue
% M9 \# |3 i h2 Y; h+ Q介绍Webpack 和 Vue 的结合，Vue-cli 的模版介绍，以及模版中的各项配置。
& H6 I1 `( ^/ E: `1 E( A. Y第8章 Webpack 和 React
4 t2 o$ r b8 l) f7 ^介绍Webpack 和 React 的结合，介绍官方脚手架 Create-React-App 以及各种配置。6 ?' @ n( o6 ]( g
第9章 Webpack 和 Angular! \9 g$ B& ^! a, t
介绍 Webpack 和 Angular的结合，介绍官方命令行工具 Angular-cli，以及如何自定义配置。
M0 b0 X/ y: Z( F2 F' m# }第10章 课程总结
# @5 q0 _0 m* hwebpack相关面试技术讲解。
" w! h' v# M7 a' O下载地址：
# B) q* N- m8 T* H& _* A. U
0 B( g% C0 b1 [8 L/ f" z1 c9 { |
|
发表于 2018-2-7 15:33:18
发表于 2018-2-7 17:26:59
