|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!+ ~6 j( X- P4 d F
课程目录:
9 m. i6 p D2 Z/ u) W01.课程介绍
3 U9 D4 w* Q- `2 l* t02.webpack简介
* _, R5 |+ c6 m9 F+ [5 ?7 {' T: l03.webpack五个核心概念- n1 ~' `& c% R
04.webpack的初体验; o% h. f1 C+ G$ J8 ]: Q
05.打包样式资源" g- H; g& d( Q
06.打包html资源
4 u% j( Z4 r& B0 ?' y# R+ ]% @07.打包图片资源$ _/ i" U# m0 G4 E0 q
08.打包其他资源
. U7 |; A! n/ f09.devServer
0 y; }/ d9 e" E! L" C10.开发环境基本配置
: ^5 k" V7 O d11.构建环境介绍3 F. o. c7 d0 f2 V/ O* |
12.提取css成单独文件" U2 b4 ?& y" \5 k9 S& D1 t) m
13.css兼容性处理
* f2 l; O: K- P: \2 G+ v5 c: Z14.压缩css
2 m( e0 |/ U0 x2 k6 ^7 @* _0 ]' l15.js语法检查eslint
, J; w4 }* d3 h8 S1 q" I16.js兼容性处理eslint
& D( y/ u7 D3 G& O1 k17.压缩html和js
; a S: D0 k1 c/ d8 a7 a18.生产环境基本配置
4 \, ^7 H# o: L- Q' Q19.性能优化介绍
9 i7 e: M% _' t6 Q+ E) g8 W3 m, O20.HMR0 b! R6 ]; o: {
21.source-map' N0 T% B* u& ?9 a( J9 \
22.oneOf/ F4 N% w! z4 b0 J& O6 |) p5 q
23.缓存( [! @8 F, n2 J: X' Z" z c
24.tree shaking
& N$ U' A& ^6 k6 T" z25.code split2 T7 G. G# u$ A
26.懒加载和预加载
/ @2 g; d* B4 C4 I$ c' A8 H27.PWA( E, g7 M3 T9 a, s
28.多进程打包
" g8 S% w6 Q6 R+ _29.externals- B3 ?* `6 P( F3 A& i
30.dll( V. L: k) ^& c. Y& e; X. o
31.性能优化总结3 g9 s5 ]: B% y c/ B
32.webpack配置详解介绍
' x$ g" ^. H% A+ f. k33.详细配置之entry
7 u. k4 R0 m) n7 A; i2 I1 z34.详细配置之output, \( c6 ?1 b; Z+ F
35.详细配置之module
3 a! U9 u/ w1 O36.详细配置之resolve5 n8 s6 J* H2 y! w R) e
37.详细配置之devServer
5 m$ m! T- Z! C, W" m1 Y38.详细配置之optimization
3 z' t/ k* p; a0 T39.webpack5介绍和使用
& W a* ?' m% o' y% J6 [! g1 M, m8 v40.总结webpack
& t0 o0 q" D( N, X# g% G6 S 6 q) u: J4 I* W! x
|
|