|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
3 I2 P. Y4 p+ [8 N课程目录:$ f. p- U8 X. k
01.课程介绍7 ~0 w# j [6 c9 l& j9 v" [
02.webpack简介
! T& i5 K9 L I9 m03.webpack五个核心概念# a; Z4 W4 y4 ?! M/ ~) y) |
04.webpack的初体验/ D' F# k2 s. e: h: A* D) X6 i
05.打包样式资源$ u2 x0 M( m7 j: D5 A! y
06.打包html资源
- T+ N1 Y% D! d5 U9 [07.打包图片资源0 B8 A5 ?) k$ b; W; R0 z
08.打包其他资源
/ h- V5 t8 m; j09.devServer
0 m) F( v( P' k# @: U6 i10.开发环境基本配置. s" h9 F+ }) q. j4 T8 g$ v/ O
11.构建环境介绍, }% Z; `4 i6 K
12.提取css成单独文件
3 x2 X7 h5 J# c13.css兼容性处理# T5 m* G- M+ w( B P
14.压缩css9 R7 }8 j, g9 r( j
15.js语法检查eslint8 g+ A1 Y: n* D
16.js兼容性处理eslint
0 @/ P; `9 C, A17.压缩html和js
" e) ?0 L4 @* t: i1 v18.生产环境基本配置* x/ `% \ E# ?- B+ _) h/ l [
19.性能优化介绍
W e* F: E$ J: g$ C R) _" q6 A20.HMR/ P9 K& h2 ^( i9 k3 y! c; K9 w/ x% N
21.source-map
/ d, u# a: U4 m4 j% r22.oneOf4 u) b3 _7 O" }
23.缓存 F Q/ T3 |2 L4 V3 ?- y, a7 O
24.tree shaking
3 h2 M) a! Q$ p4 h- |25.code split
, u: N' F7 G P6 A6 r5 M1 j- N) E26.懒加载和预加载/ Z& ^+ \1 G6 U' p: r0 w o8 c# }
27.PWA
' A4 m2 ^. V k. a2 @" g$ [, w# {28.多进程打包. V" W# U) d! z" V4 s
29.externals
6 n1 Y" K8 [3 g' W30.dll
2 f7 |% V6 t. s' h: [. D' F31.性能优化总结
& t3 A8 N* J4 f. u3 w0 g- h, t32.webpack配置详解介绍1 ?1 G7 r- I# Z! e4 _3 `
33.详细配置之entry
; B2 [& S* V6 z2 [' P3 e; c34.详细配置之output
$ e9 U' y: O4 h- g8 R4 M5 \35.详细配置之module. [, K; ?, M! }/ i% Z
36.详细配置之resolve7 [1 J( ]' @; f2 q
37.详细配置之devServer
0 o, ` G" a; {2 G' }38.详细配置之optimization
9 m- V6 X7 I+ y' A# [39.webpack5介绍和使用/ z1 `, W/ Z/ h4 ?0 p& \4 P
40.总结webpack
( y3 l7 o4 J8 x+ ?3 E
8 T3 e ~, P' v* f' ~
|
|