|
|
第1章 课程简介
" X& @2 k% e, V" U( ~讲述课程背景,从前端开发的变化 到 前端工具的发展变化,介绍了课程内容,课程安排。
# @! M- {4 T+ _! a* t第2章 学习准备% G. D( S# u6 u: w6 q M, d
讲述模块化开发的思想、学习环境准备,webpack 的概况,版本更迭,核心概念等,为开始实践学习webpack 做准备。/ G: E. h7 F/ a: ]! Z6 z/ R( z
第3章 由浅入深Webpack(1)1 E1 v* D( s8 G
由一个个的实例组成,介绍webpack 在处理各种实例的下的配置,实例包括 Typescript Ecmascript Less 语言的预编译,讲解了 Webpack 提取公共代码、代码分割、动态import、魔法注释、JS 和 CSS 的 TreeShaking等新特性。) g' G7 b! F g; s) r
第4章 由浅入深Webpack(2)- {1 x6 w( v# z5 Q6 [
图片的压缩、CSS 雪碧图、PostCSS 的使用、HTML 的生成等。
4 M* O9 E* v7 v7 a- |第5章 Webpack 环境配置; m! |- S9 X9 U; t6 l8 ^9 m
介绍如何搭建 Webpack 本地开发环境,配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。# c' J! T/ l1 _" w! D. _/ d( H. ^- a
第6章 Webpack 实战场景8 P0 b" W4 {, h+ w# R/ i8 a& R
介绍Webpack 打包分析工具,如果使用webpack 长缓存优化,如何提升打包速度。: `; R) a' q, ^5 U1 w1 `. s
第7章 Webpack 和 Vue
: ^: v& t; F# b$ z) P介绍Webpack 和 Vue 的结合,Vue-cli 的模版介绍,以及模版中的各项配置。' \2 N+ H+ {4 y) P* _- Q# d3 p' X
第8章 Webpack 和 React C5 o' L9 Q9 C( s6 j% R- T
介绍Webpack 和 React 的结合,介绍官方脚手架 Create-React-App 以及各种配置。1 a a' ~# O+ |
第9章 Webpack 和 Angular
9 m6 S3 J1 h8 w! Q/ t介绍 Webpack 和 Angular的结合,介绍官方命令行工具 Angular-cli,以及如何自定义配置。
( ~/ @9 P8 b( D1 [0 V. j2 h& j第10章 课程总结9 G$ L. @- o: G0 P4 y' z' y
webpack相关面试技术讲解。3 l3 U0 a1 n( b4 A
下载地址:
7 ?8 h4 H% A J* d$ M0 n# d
1 S9 ^; n& w: d2 ~' e6 I. |3 c |
|