|
|
第1章 课程简介# N5 w2 H u/ b
讲述课程背景，从前端开发的变化 到 前端工具的发展变化，介绍了课程内容，课程安排。
7 V5 q8 |* e( p' v9 w% p9 J$ X第2章 学习准备) j# m, u& ?3 H) `( G1 }% p
讲述模块化开发的思想、学习环境准备，webpack 的概况，版本更迭，核心概念等，为开始实践学习webpack 做准备。; c+ r* I" {, D% F/ v, v
第3章 由浅入深Webpack（1）. k3 @" L- `4 t# X
由一个个的实例组成，介绍webpack 在处理各种实例的下的配置，实例包括 Typescript Ecmascript Less 语言的预编译，讲解了 Webpack 提取公共代码、代码分割、动态import、魔法注释、JS 和 CSS 的 TreeShaking等新特性。8 ?. f' t2 Q2 @
第4章 由浅入深Webpack（2）( B7 X$ w/ `* p$ o) t7 l+ k- P6 t. Z
图片的压缩、CSS 雪碧图、PostCSS 的使用、HTML 的生成等。
. F$ z0 @# N/ ]! V2 V' h第5章 Webpack 环境配置
8 V+ U' N& b6 T3 b# u# X, |介绍如何搭建 Webpack 本地开发环境，配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。 g* Y* x1 D P# Q( {
第6章 Webpack 实战场景: ~+ Q5 |% ` c W) d4 e$ f2 I2 F' b
介绍Webpack 打包分析工具，如果使用webpack 长缓存优化，如何提升打包速度。" l' U' _# r5 F/ o3 j1 [. S& c( j
第7章 Webpack 和 Vue$ _, `$ i. n! P2 t! m' L
介绍Webpack 和 Vue 的结合，Vue-cli 的模版介绍，以及模版中的各项配置。* V2 w2 E/ @9 M7 i3 T! Q
第8章 Webpack 和 React
" [8 Y4 U0 {% h7 M$ O介绍Webpack 和 React 的结合，介绍官方脚手架 Create-React-App 以及各种配置。
% w# Q# K+ D# I$ n c第9章 Webpack 和 Angular. O$ e" t N8 W4 z
介绍 Webpack 和 Angular的结合，介绍官方命令行工具 Angular-cli，以及如何自定义配置。
" j l1 u4 |8 l1 e* ^第10章 课程总结
3 Y/ ^1 ^9 q6 ~! w$ }/ O" Vwebpack相关面试技术讲解。* a5 ~& g; L, K8 v: a& \
下载地址：
& G9 A: v6 I1 m# v- s; N
( K) g5 C% T+ C2 q/ [ |
|
发表于 2018-2-7 15:33:18
发表于 2018-2-7 17:26:59
