|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
2 o' J N& J+ L* K课程目录:
) C' R3 X, f* k5 ~9 U$ w( @01.课程介绍9 t. {) W+ O+ t7 X- q+ k
02.webpack简介# |6 }- l' H: G4 p. r
03.webpack五个核心概念7 E5 d- @; y! E/ P. s
04.webpack的初体验+ B" ]' C$ B1 F+ F: `& p
05.打包样式资源0 K9 }# r8 ^ w2 O- c* N2 o4 t
06.打包html资源
; [$ z9 R8 f2 {% U6 U0 R0 ~+ M% X07.打包图片资源
9 s9 i! C& R0 K8 `: R |08.打包其他资源
: m P' ^2 F! B! ?09.devServer
- f/ P) X( h) S6 N4 i! e3 v0 x10.开发环境基本配置
, [& h- y( ^( Y11.构建环境介绍
# a' {1 p: M2 ]/ T$ l( a2 c* k12.提取css成单独文件
& [& ~: L k' r4 K, @, F: d! a13.css兼容性处理
- W4 }! ]% D5 U: p14.压缩css
. V$ Z" @- O* K5 z# w- B15.js语法检查eslint; _. n" \' C( M
16.js兼容性处理eslint* t3 M2 d% `/ {* z
17.压缩html和js
( ~& y {! U- y. E) p2 G* Y/ s( L' z18.生产环境基本配置
0 e+ i! j( M" x, B, X/ b$ C: i19.性能优化介绍0 K: p- N( t6 J/ n
20.HMR% f6 M5 D! J6 E6 W1 w
21.source-map
/ @, H1 I' Z3 \+ ~' h5 O4 k22.oneOf
; D4 h1 c) c$ g! u; B7 f" }23.缓存
% D, Q/ \: E8 `; N/ k. n24.tree shaking
1 S4 [6 u6 u/ P& ~25.code split8 t* Y& u- e' c7 l! i j! _
26.懒加载和预加载8 ~9 Z3 ]: F |$ u8 [; J
27.PWA, |6 o* K6 E! h* y% ]3 h: S$ c" @4 d; N
28.多进程打包
9 X+ P5 G5 R! `+ M* [) ?9 X29.externals ]$ c5 ^8 @: N: @& G
30.dll a4 m, q. f0 ?6 s) m8 W% g
31.性能优化总结
& g. e2 v9 w! V4 r2 |3 D8 |32.webpack配置详解介绍
x6 {( \# v8 u6 Y" p33.详细配置之entry
' H) D9 @% M1 g8 O34.详细配置之output* a! _3 k; `$ p4 t d& H5 L
35.详细配置之module
; ?. ~' _6 t |# g% c36.详细配置之resolve
4 ?7 k9 @* }9 g37.详细配置之devServer2 m" H! _* N. v
38.详细配置之optimization4 a* w$ X" y- x2 m; s' X
39.webpack5介绍和使用
8 S3 u9 T* R9 |1 F2 R40.总结webpack3 x- y0 Y( P" `5 b
( v7 ] s5 L G% s4 q$ a
|
|