|
|
第1章 课程简介
6 d3 |: Y2 ^- ?- m8 R& N' M. ?5 e9 |讲述课程背景,从前端开发的变化 到 前端工具的发展变化,介绍了课程内容,课程安排。
& m m4 Z; L) q f7 x' j" V1 s第2章 学习准备7 ?9 y- _! f! F. m/ p& m( k
讲述模块化开发的思想、学习环境准备,webpack 的概况,版本更迭,核心概念等,为开始实践学习webpack 做准备。# g4 S' M- m- }. N
第3章 由浅入深Webpack(1)
' {5 l+ O. J* k5 l3 I由一个个的实例组成,介绍webpack 在处理各种实例的下的配置,实例包括 Typescript Ecmascript Less 语言的预编译,讲解了 Webpack 提取公共代码、代码分割、动态import、魔法注释、JS 和 CSS 的 TreeShaking等新特性。8 a6 N# I$ Y: i; ^$ f6 ^
第4章 由浅入深Webpack(2)
0 Y$ \, d6 y Q图片的压缩、CSS 雪碧图、PostCSS 的使用、HTML 的生成等。
1 V$ M G! U4 k; w! q6 G9 F( V第5章 Webpack 环境配置! b3 P0 T4 Z' r: k2 ~) n+ L, Q y
介绍如何搭建 Webpack 本地开发环境,配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。 f0 z3 c2 t7 O' I' H
第6章 Webpack 实战场景
' B8 o0 @7 Q8 O n& ^& W) Y介绍Webpack 打包分析工具,如果使用webpack 长缓存优化,如何提升打包速度。
" w5 g" {" U, h9 X$ J7 i第7章 Webpack 和 Vue9 }0 Z) o' R! ~) B
介绍Webpack 和 Vue 的结合,Vue-cli 的模版介绍,以及模版中的各项配置。+ K( w; F/ ?/ m! W
第8章 Webpack 和 React
# W# w! S9 z# F/ ^: O介绍Webpack 和 React 的结合,介绍官方脚手架 Create-React-App 以及各种配置。0 C. U; ?% }4 R" k I6 O
第9章 Webpack 和 Angular
0 H' N5 r$ t9 Y& \# f; P/ K介绍 Webpack 和 Angular的结合,介绍官方命令行工具 Angular-cli,以及如何自定义配置。
" P& u) {4 ]$ o第10章 课程总结1 [; I7 Z } k% s% ~3 f+ O
webpack相关面试技术讲解。
( P X. E _! }! X. U+ s% {; E8 B下载地址:
+ i9 c$ G7 }" M9 F* t0 i
- S! E T, B( f8 s |
|