|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神! a, `3 R" G: [$ S
课程目录:
0 D; H: A" M' e' H01.课程介绍# u7 k0 o( p7 d1 F" N
02.webpack简介 x- x4 [/ t- ]% n: S' X0 m
03.webpack五个核心概念1 a3 W- t. @+ R9 d) _: W6 f) q
04.webpack的初体验
: u+ |2 O& K6 d* ]$ c6 w05.打包样式资源
. q$ @; s& s h' y$ @% p, s ]06.打包html资源& e: ]$ {$ Y `% I* a, Y" `
07.打包图片资源
# k: x; B: u" _08.打包其他资源
8 K7 d- ^+ ]+ A7 O* W09.devServer
: K! ]9 {7 b( }% O4 W, D10.开发环境基本配置
v e5 M7 v1 p3 B s% [2 d11.构建环境介绍% k$ x O( ?' t; M8 U) O; _1 F
12.提取css成单独文件- k y5 x+ A7 f9 P
13.css兼容性处理) L9 O! q( K) k' y
14.压缩css; f9 W! F9 I5 l+ N
15.js语法检查eslint& ^+ p$ Z' U+ U' m* f
16.js兼容性处理eslint, G$ a* k5 M; p1 x8 w9 B
17.压缩html和js9 F0 w, k: T3 ? Y5 w
18.生产环境基本配置0 M# D5 \! x7 x. L
19.性能优化介绍
' l. G4 [/ T R- M20.HMR6 t9 H) U% @- z8 C* r. }& O; g
21.source-map
/ W1 ?( Y) N n0 ?* o' X22.oneOf1 D7 A* U9 C: B" ?
23.缓存
1 y7 U* J+ M/ T24.tree shaking
0 ~. @/ A/ N+ l- E& M7 d3 L25.code split
|# s+ s! z* x- U: P* ?0 \$ a1 u26.懒加载和预加载
) U# P5 k& _. n' a( Q5 a6 u27.PWA
: [5 G4 B+ c# E& r) w2 |28.多进程打包
6 U4 o3 v- `1 _( I# ]5 ?29.externals1 n: O, A, N: e
30.dll
8 }" Z& ^2 X q% k( A$ N31.性能优化总结
+ g$ }5 b/ r/ b! U3 ~, W32.webpack配置详解介绍
* e# R1 z( h& b9 _33.详细配置之entry7 j( \9 X8 U, i D" i: T I
34.详细配置之output4 @! g8 V5 s h
35.详细配置之module
6 Q+ |9 r t$ W E/ m: {5 b1 Y36.详细配置之resolve
& N6 d# k+ M0 V" A: s37.详细配置之devServer) H- R& [/ v! D( \9 b0 ?7 v% X! D
38.详细配置之optimization4 A+ _6 W1 A/ q7 \% M) h0 i4 T3 \
39.webpack5介绍和使用* `7 m9 t: e# P! n9 P9 J2 w: L) m
40.总结webpack
1 G: A4 ^ x$ A4 Q 8 s& P( g q* G% `6 t
|
|