|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!4 H i8 ~9 `: E4 a2 ?, X
课程目录:
: c' s: D! N3 I w" @/ K01.课程介绍
[7 O, k) h3 e7 T02.webpack简介, \; l+ t% `7 [6 a4 _+ p1 o
03.webpack五个核心概念
& K" o4 {3 E! P1 [7 a% ` m# X+ T04.webpack的初体验
( Z. @6 Z+ p9 z9 ^2 V- A. W' r05.打包样式资源
6 Y' r3 B6 N# a0 l8 w06.打包html资源
6 `& S5 H: c9 t6 ?( I& M07.打包图片资源
, t) j1 X8 v2 B; P) A+ {0 O- Z08.打包其他资源
" e& O! l" f2 H& j$ A09.devServer5 }+ Z2 j$ y8 v9 s+ R/ |. m0 v
10.开发环境基本配置
+ U4 Q4 c" v* l$ n/ O* p! m11.构建环境介绍
9 `# E; p* u3 D: m12.提取css成单独文件
- `6 V8 m1 A& `1 I9 ] r13.css兼容性处理
8 y3 k5 }' o5 I5 G$ B+ c" S14.压缩css6 k6 f" ] N0 {. h
15.js语法检查eslint
6 v. D* ` J( k8 B( g16.js兼容性处理eslint2 |9 |' @2 W: P7 q. |' E, o
17.压缩html和js8 T$ ?% F! j; ]( A
18.生产环境基本配置5 q8 D5 o9 u, }9 \* ]( t
19.性能优化介绍1 Y% F! K) H, ]8 L7 h
20.HMR- d0 a+ {/ q" }: ?* T8 e+ a
21.source-map
6 l8 N4 @* V% c% T5 V: N22.oneOf
8 \/ S$ U$ _3 Y8 \- s* l23.缓存# _+ `$ ?, G, y- r( ]* u
24.tree shaking
5 i* |+ W/ z7 m5 K5 v F! Y2 P25.code split! K0 J9 P1 x# H4 C0 A4 I
26.懒加载和预加载
2 @: m5 `+ v8 S& R R; L! j27.PWA- V: K: k0 D, C$ k$ d: R# N
28.多进程打包
# G7 }0 a4 A8 f% ?+ V29.externals* c4 n L3 Q; b: j& t1 e# O# N
30.dll5 S3 O! b0 _* z2 I
31.性能优化总结
% K3 ?5 e& {. \6 A( g r7 m32.webpack配置详解介绍
1 L% J. T* m8 M( W) P, W/ @$ P33.详细配置之entry
7 j4 {3 l4 @' n2 ]8 X! J34.详细配置之output
' g! A* k/ d) ]+ I* B! e0 p35.详细配置之module
0 F6 J; O6 d" |( d. J36.详细配置之resolve
9 Q0 U, ~. i) s2 Y+ b$ S2 M37.详细配置之devServer4 {8 z+ ]: k/ s2 D! ?4 B# e
38.详细配置之optimization
! G% F& p |: ^9 u- a" o39.webpack5介绍和使用
( g. h7 d& K' L7 ^) u40.总结webpack
. E5 j" N6 t- Y* m; P
/ ^, G) u- M9 V9 V
|
|