|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
6 A$ S6 T+ m4 ]3 N8 _ S# Q课程目录:
, `: P J* U8 k( P6 w+ @/ e01.课程介绍
/ B$ B; M2 |. f02.webpack简介) ~1 ~8 O5 Z; D4 K1 [& H
03.webpack五个核心概念! H+ S6 D% P5 z! f6 r7 _
04.webpack的初体验
; X" L9 }. b3 d; J05.打包样式资源, Q- W" Y: ^7 E" n& v
06.打包html资源
+ ]* Q/ U/ y. x( c07.打包图片资源
% N' [4 z7 Z t( Q- Y$ Q& p9 u08.打包其他资源
& C- b, t8 M. s7 c' K8 H! ~09.devServer/ ?3 h2 x& x1 n3 e
10.开发环境基本配置
. ]* S+ h" s: c5 S" \1 |0 }" C. S2 W/ G11.构建环境介绍2 X& f* A0 s. O c
12.提取css成单独文件
0 `' R% }8 A( L" d, K, G13.css兼容性处理" w1 b) Q* l1 {' F3 b
14.压缩css
4 z9 e8 N: m0 M5 r1 T2 e& `15.js语法检查eslint
. I! J/ j* ^" Z$ u% k6 M16.js兼容性处理eslint
; l1 u% H) a. w$ @. ~17.压缩html和js
3 M% q* V. J& Z18.生产环境基本配置. q4 n% T4 S1 _4 m
19.性能优化介绍. W7 W. ]3 a' N
20.HMR' Z7 J v7 C, x* u/ U
21.source-map
& t, |& I$ i2 F22.oneOf" O5 Z' H( h; B5 P
23.缓存, e: t0 E4 l `/ Q) z) c
24.tree shaking3 @, X* F/ c4 @7 g
25.code split( `# r" ^' z" T1 a0 A: J9 F/ X
26.懒加载和预加载
2 z: K- p' U* |& [! {27.PWA: }( ` y. ?/ Z6 I7 U1 d6 Q! S
28.多进程打包 x! V& O- K) c+ |
29.externals
- L/ s8 K2 P6 N; d9 l. v0 x# I30.dll
! @: T* l& A; S, l8 _0 x31.性能优化总结
# j2 V6 S; Y c6 G32.webpack配置详解介绍, F) t3 _- d* P" p) L
33.详细配置之entry
& W0 Q8 F2 B7 c* y34.详细配置之output# G& u- f$ c, T/ p( V
35.详细配置之module
1 z5 D4 H( _' o' Z36.详细配置之resolve
% `7 d" L4 p( l7 O9 Q7 F37.详细配置之devServer6 T* d. V! e- e0 [' N" w: K+ {
38.详细配置之optimization
2 n! m: d) R' q* P; g39.webpack5介绍和使用
% y: A- U4 [! i. _2 }$ E9 V40.总结webpack
' Y6 @! L9 `- U( \ , H+ `0 V/ t# q' _ E
|
|