|
第1章 课程简介5 T4 g) E- V1 ?
讲述课程背景,从前端开发的变化 到 前端工具的发展变化,介绍了课程内容,课程安排。6 O$ _% n2 K1 {& U- g0 e
第2章 学习准备: y* ~7 ~ M, b0 b- H
讲述模块化开发的思想、学习环境准备,webpack 的概况,版本更迭,核心概念等,为开始实践学习webpack 做准备。
7 W% C% D6 L8 `第3章 由浅入深Webpack(1)
$ E( A i: \, b由一个个的实例组成,介绍webpack 在处理各种实例的下的配置,实例包括 Typescript Ecmascript Less 语言的预编译,讲解了 Webpack 提取公共代码、代码分割、动态import、魔法注释、JS 和 CSS 的 TreeShaking等新特性。
& t! S) s( D- {+ N) U) h J3 f第4章 由浅入深Webpack(2)
8 ?9 k7 }+ |& B# [5 u图片的压缩、CSS 雪碧图、PostCSS 的使用、HTML 的生成等。
/ C: f, ]: V+ Q6 o% _第5章 Webpack 环境配置
4 B7 @8 i) r _3 B( z* O介绍如何搭建 Webpack 本地开发环境,配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。5 h. `5 i6 R, T: i
第6章 Webpack 实战场景' A7 V7 s4 u0 O5 }$ o3 M0 L. f# g
介绍Webpack 打包分析工具,如果使用webpack 长缓存优化,如何提升打包速度。2 T4 R9 k9 l" t/ j
第7章 Webpack 和 Vue/ T! n% V) n0 ]8 I5 h# ]- e
介绍Webpack 和 Vue 的结合,Vue-cli 的模版介绍,以及模版中的各项配置。2 c* q p) S2 A' c, W( i
第8章 Webpack 和 React, U3 G, L; {% ]1 h; W; V; K
介绍Webpack 和 React 的结合,介绍官方脚手架 Create-React-App 以及各种配置。! X9 Q$ _0 b% C7 Z
第9章 Webpack 和 Angular A6 M4 w( |8 }6 S9 G# R
介绍 Webpack 和 Angular的结合,介绍官方命令行工具 Angular-cli,以及如何自定义配置。
0 w4 Y1 C' S$ [. T7 X第10章 课程总结
0 }5 P* a- f% S8 e; M8 qwebpack相关面试技术讲解。
2 I* M3 J3 ^2 d下载地址:
, z, x) U; P5 t) g" h/ \, `0 |
' k" g: y/ p l: W3 v" q |
|