|
|
第1章 课程简介
# t& ~5 k$ F4 B- x, |. j2 @讲述课程背景，从前端开发的变化 到 前端工具的发展变化，介绍了课程内容，课程安排。) f% o7 W# Y* ^0 Y
第2章 学习准备
( A, p+ ~7 [& g& c F讲述模块化开发的思想、学习环境准备，webpack 的概况，版本更迭，核心概念等，为开始实践学习webpack 做准备。
5 ~* _: m) b; e3 U8 p& X第3章 由浅入深Webpack（1）7 U- X4 Z& ~! i8 b* r' ]# [
由一个个的实例组成，介绍webpack 在处理各种实例的下的配置，实例包括 Typescript Ecmascript Less 语言的预编译，讲解了 Webpack 提取公共代码、代码分割、动态import、魔法注释、JS 和 CSS 的 TreeShaking等新特性。) H- @ R1 Q) s( ?! W/ z
第4章 由浅入深Webpack（2）
R. ^" p3 x8 ^6 u4 E图片的压缩、CSS 雪碧图、PostCSS 的使用、HTML 的生成等。0 Q( \# N `" G3 u' m/ Z
第5章 Webpack 环境配置
% ?* o( `' |$ `介绍如何搭建 Webpack 本地开发环境，配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。
, g. g7 E A% r: B* T; w" f3 y0 w第6章 Webpack 实战场景, d' Z b1 Z" B$ w. E& N" w
介绍Webpack 打包分析工具，如果使用webpack 长缓存优化，如何提升打包速度。, U! e& G( g9 y6 O2 @
第7章 Webpack 和 Vue
8 g4 |/ V L! _2 ~. T6 ?* Z6 [; f介绍Webpack 和 Vue 的结合，Vue-cli 的模版介绍，以及模版中的各项配置。
+ l! j7 Q5 X& z4 x7 G第8章 Webpack 和 React
. Q- o, b7 `" ~; a; d! K0 _2 p介绍Webpack 和 React 的结合，介绍官方脚手架 Create-React-App 以及各种配置。
+ C* U8 w/ ]( l7 Q( Y; Q第9章 Webpack 和 Angular, g+ V" S' U7 O3 A4 U4 z. @: |" ~
介绍 Webpack 和 Angular的结合，介绍官方命令行工具 Angular-cli，以及如何自定义配置。: |+ X9 u2 ?, E1 Z- B
第10章 课程总结/ I6 ]1 S) d, o/ o- {6 T
webpack相关面试技术讲解。1 o7 q. l/ s% [% d+ ~
下载地址：
7 s% v. i$ b* X/ s% R, U! v5 K1 Z+ }
5 i5 p- b* I q/ X, L. @ |
|
发表于 2018-2-7 15:33:18
发表于 2018-2-7 17:26:59
