|
|
第1章 课程简介 a& {9 ^. S! ]: O7 {) B @
讲述课程背景，从前端开发的变化 到 前端工具的发展变化，介绍了课程内容，课程安排。: N# h( H7 _+ U2 b
第2章 学习准备- N" X5 j" \4 s4 q
讲述模块化开发的思想、学习环境准备，webpack 的概况，版本更迭，核心概念等，为开始实践学习webpack 做准备。
3 Y7 K2 |& p2 @: O第3章 由浅入深Webpack（1）
0 m7 ]! J: I- L1 R |2 L7 {9 m# B7 C4 k由一个个的实例组成，介绍webpack 在处理各种实例的下的配置，实例包括 Typescript Ecmascript Less 语言的预编译，讲解了 Webpack 提取公共代码、代码分割、动态import、魔法注释、JS 和 CSS 的 TreeShaking等新特性。1 _3 i1 ]$ E, v4 Z) O( z
第4章 由浅入深Webpack（2）
* Z: ^+ ]/ v! r7 K0 q图片的压缩、CSS 雪碧图、PostCSS 的使用、HTML 的生成等。% t a' {; [6 u- ~5 p6 T5 Y. m6 R3 Z2 ]
第5章 Webpack 环境配置
8 u4 \9 s" I- p+ v+ O4 a2 Z介绍如何搭建 Webpack 本地开发环境，配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。
2 Q+ [; c% j, R* Y3 E- E2 v第6章 Webpack 实战场景2 m0 C7 E/ d9 Q$ U
介绍Webpack 打包分析工具，如果使用webpack 长缓存优化，如何提升打包速度。' @% l$ i; h, ~
第7章 Webpack 和 Vue
' O9 Z3 t2 G4 q+ ?5 f& _- s' g介绍Webpack 和 Vue 的结合，Vue-cli 的模版介绍，以及模版中的各项配置。) F' ^* L6 O& }, u
第8章 Webpack 和 React+ M, |2 _ s, z ]' S* F
介绍Webpack 和 React 的结合，介绍官方脚手架 Create-React-App 以及各种配置。
4 N6 R, ]* J. A u2 b第9章 Webpack 和 Angular
6 ~9 R4 ?- X: T# f' q介绍 Webpack 和 Angular的结合，介绍官方命令行工具 Angular-cli，以及如何自定义配置。1 F0 N( B2 @, d3 c* \1 h
第10章 课程总结
0 N8 b3 ~4 O4 m1 `0 `: mwebpack相关面试技术讲解。
4 i7 x8 w$ B5 |6 [4 y$ m0 ^下载地址：
8 I4 v7 P$ ^9 H6 ^! c7 J; R: \3 A. R" D9 M4 O1 n3 V; j3 |9 A
|
|
发表于 2018-2-7 15:33:18
发表于 2018-2-7 17:26:59
