|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!: Q( W( Q: u- t& x t0 s+ Z
课程目录:
; `: l" t" g5 F! w* R+ v01.课程介绍
! y8 P* o, p" H9 ], J6 q8 |' Q02.webpack简介
& Q/ |" G0 u* m9 M3 h, g03.webpack五个核心概念
, j1 F ^" V; Y% e! X04.webpack的初体验" N5 J$ @ F2 G) w0 G
05.打包样式资源
$ f! }& i; U- N/ B. U! M& b& ?$ C" W2 ~06.打包html资源1 C+ d, L9 ~) C+ r4 q
07.打包图片资源 |& w/ |7 M3 q$ A0 h
08.打包其他资源2 [" [3 Q* p; D
09.devServer" r/ P2 s6 N5 R% s- T% P* |
10.开发环境基本配置2 M3 l) @$ r8 o4 D: E( q% ?
11.构建环境介绍0 M7 [# X8 I7 M' A1 V
12.提取css成单独文件
' \9 ]& J) `: _) i- i13.css兼容性处理$ C" E% p3 E: i: V3 [
14.压缩css; o- n: U1 h3 Q! s
15.js语法检查eslint
( v8 B! s2 [' x' s& F2 P, O16.js兼容性处理eslint
$ n2 Y5 _" S$ L& `+ K17.压缩html和js9 N- c0 _ q2 w; J. o1 Q% Y% [* M7 \
18.生产环境基本配置
+ \! j9 n; ^- L) D5 r19.性能优化介绍/ h7 [7 Y! G+ T7 v
20.HMR7 p9 K8 k, u* f& n/ X4 P: r9 x
21.source-map6 |7 @6 Y2 o) n: l. u
22.oneOf
+ R5 d' z$ g( J23.缓存 y- Z/ {- K+ _) r
24.tree shaking0 m" V, t/ _: U: o8 u
25.code split4 ~1 R8 L0 s; f* z, A7 o+ q
26.懒加载和预加载* N& j% }. s. G& c
27.PWA9 L5 C7 b$ r/ h- c K/ C/ Z
28.多进程打包! V. M7 i N( `+ L- A
29.externals
8 m0 ?; ?& d7 |8 T e) Z30.dll
2 U1 p: ]" C8 Z; g9 P* g31.性能优化总结: B$ p; { l* H
32.webpack配置详解介绍# F7 }8 Q V0 {4 Y6 f0 \
33.详细配置之entry
& j# M0 F& ~0 v' l" Q) T/ N* c34.详细配置之output
: ^+ t1 x @3 E0 a! d" @35.详细配置之module
& Y" w3 `, M& r+ E b36.详细配置之resolve; f! h0 p% U$ X7 A$ I$ l
37.详细配置之devServer* w: J: \0 e/ y( h* ]
38.详细配置之optimization
2 w/ K) r q7 e l; e" Y* H1 `39.webpack5介绍和使用
/ \) F: r$ B5 I3 N% l$ F% i40.总结webpack
! P9 B( Z* E4 u
: n/ {! `$ F$ k+ w- U" v7 m
|
|