|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
. p. O, r6 ?+ V$ X课程目录:
+ J. J# l+ X; u1 y7 @4 W, I01.课程介绍8 u( Z( j7 J( Z
02.webpack简介
4 x4 l/ @* }) ^9 j+ w03.webpack五个核心概念
. v, F4 F1 q% _- U04.webpack的初体验
# y* F8 I/ l6 X& O" t* j05.打包样式资源
' I8 O B- V E% v d1 b% a06.打包html资源 c5 ~9 L# C, I5 ?. i0 `! k) S
07.打包图片资源
* m) m+ H+ \: `) ^. S# J* D08.打包其他资源% d% A T5 r5 ~& z( L1 E) N
09.devServer v) j0 h6 u f) w6 ^4 Y
10.开发环境基本配置4 p2 j n' [7 Q6 Y* m$ P) t
11.构建环境介绍
: u$ N: M |6 ?9 _6 D12.提取css成单独文件1 ?* |0 Y- h3 c* L
13.css兼容性处理
, i! \+ G% r( H8 n: a0 ^14.压缩css
5 V! \, z+ a* h$ |15.js语法检查eslint
1 F: U# v" W- G16.js兼容性处理eslint1 Q8 m9 Z0 `9 a
17.压缩html和js3 ]+ N$ l; H9 w) M' y# b
18.生产环境基本配置6 R2 C* O3 b9 L* U+ d7 d4 T
19.性能优化介绍
2 c+ d9 c0 ^$ R20.HMR4 s/ u! j/ Y2 x' m- s
21.source-map
* D+ ]' U& a1 H5 ~) ~1 C22.oneOf
2 P- m- X0 ]7 ~3 W" O/ s' Q2 j23.缓存
' x7 C; z4 ^2 m& Y24.tree shaking
. d9 H$ w0 u. F: }2 Y25.code split4 d: n8 D: V J) X9 A( m6 w
26.懒加载和预加载
0 \: v4 C5 H/ H27.PWA% V4 D+ @! T+ Z! @# v8 o
28.多进程打包
8 n. ~$ l; _# y9 s' b29.externals) z8 D3 I3 q3 \" r, T
30.dll
9 }4 w& J( U! Q3 z0 Z- E! [! N+ W* K9 \31.性能优化总结! |7 ~8 D1 e' m
32.webpack配置详解介绍; u* e1 w' j$ H3 C7 k/ t* i" y
33.详细配置之entry, I% q/ N; v+ |. y: T. i. p# v( U
34.详细配置之output
$ v6 B" q$ j4 ?; s35.详细配置之module
" V% G$ g* S# j$ t36.详细配置之resolve4 N# `# x+ t |& S% @, [
37.详细配置之devServer
. M2 ?. B H1 ?# h& S' N; s38.详细配置之optimization8 K. A+ Q* L4 R1 r- ^1 C# Y
39.webpack5介绍和使用
7 u) Z! b: v% v$ O& H" a1 D40.总结webpack1 ^+ ]2 N* g7 ]/ |1 L, s( c
5 r0 V( s( w) W# K- l: A
|
|