|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!. T, c% [) y$ D6 S1 [9 J; ?' [
课程目录:& o @0 \2 A5 e
01.课程介绍. D8 O3 G* i0 e+ u$ ^
02.webpack简介2 J5 S7 p, B0 O, \3 b
03.webpack五个核心概念; W' Y. ], f S7 D) H5 M5 k
04.webpack的初体验$ A) |, d3 j* W( [0 o! k( i
05.打包样式资源
+ v! e @: T, @' ]8 {; t06.打包html资源0 r0 t# L4 x2 W1 {1 A6 {" H
07.打包图片资源
3 W$ ]# J% u( L# |+ w% z08.打包其他资源4 ]3 N* |8 k% T5 G8 c
09.devServer6 g8 H2 w+ N9 h o( I5 ?
10.开发环境基本配置
Q! q1 K% \0 B d11.构建环境介绍
* Z U! Q/ Z- m3 [$ p p: ]/ `12.提取css成单独文件
2 j% g% N6 h2 z$ B- m" z13.css兼容性处理# w* [% c: d; U
14.压缩css/ s( m0 `6 a$ p3 p& b9 C3 n
15.js语法检查eslint
: A c# ]6 l' w16.js兼容性处理eslint+ u, L" C4 P) p1 J% q6 x6 ~
17.压缩html和js
u5 P) u) M k; [' F* l! \8 [18.生产环境基本配置7 z3 n% v1 w) l# x$ H" @* E+ _0 A! K
19.性能优化介绍: Q& k- l; E8 n& e
20.HMR
" t& r# N$ A$ B J+ _( k- n/ h; F8 i21.source-map6 G7 q- ]+ D( a9 _. }$ Y% I l
22.oneOf- U( ?- o5 H" s+ _: ]
23.缓存
4 X/ ^% w l4 _24.tree shaking
5 m2 o* [1 S/ N25.code split; @: D( w" C6 G& K3 ]
26.懒加载和预加载- H7 K3 [9 j% C9 d' I9 u2 C5 i" ^! w
27.PWA* E3 B/ I. E% u* p
28.多进程打包& U1 v5 a; _0 s
29.externals
1 S0 I Q. e0 E4 ~% W8 r& Z30.dll
7 i6 l" a+ S7 T31.性能优化总结( Y6 G! k2 v. K
32.webpack配置详解介绍, N O' n5 N) L& X+ i. K$ S6 a
33.详细配置之entry, h f2 M' K$ n `5 `
34.详细配置之output6 X6 w" c X( A; N2 A, z* ?9 y
35.详细配置之module
: h2 q& e' `( g/ |3 M- x36.详细配置之resolve- o- i& ?# c: _) ^5 Z
37.详细配置之devServer x& Y; R+ w. \2 ^1 H- C
38.详细配置之optimization
" G- w; \9 j g/ R' p0 }39.webpack5介绍和使用
8 B# ^. r7 x+ @40.总结webpack' }& o) R% X- D" F3 U V
& V4 g: Z9 \" a: C8 g g
|
|