|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!: D) A3 k5 B, r
课程目录:8 @8 a4 L* v' y! m
01.课程介绍3 I4 I! n0 d- C
02.webpack简介% Y6 q* h+ q# c: r/ i5 L5 j
03.webpack五个核心概念2 j/ ]8 O. Q3 c) Q
04.webpack的初体验
# N$ b: c! N" G3 O8 V05.打包样式资源6 I; W/ B7 r- [* D; M( r
06.打包html资源
. K- @0 a/ B$ d0 z3 q$ J1 f9 i3 R07.打包图片资源 H& |* a5 T1 ]+ n
08.打包其他资源
+ y2 J0 Z# R/ N5 z/ F) c) @09.devServer
8 A8 M% Q- o: o% y( X5 D; O10.开发环境基本配置% v0 W |1 A" W
11.构建环境介绍
$ i: Z ^6 u0 p4 A' \* H# I12.提取css成单独文件5 ^4 F0 E% h$ j9 J. y
13.css兼容性处理
/ Z& Y& E- Z3 B+ `14.压缩css
: n- z- n H8 Q+ |8 h( s% O15.js语法检查eslint) q5 B9 R. Q! x0 _
16.js兼容性处理eslint
/ v) b0 J% {$ ?5 o% f17.压缩html和js+ H- l, [0 u/ |$ T2 Z! h) d
18.生产环境基本配置
1 G, c6 b: H! A6 P R19.性能优化介绍
& b. K2 f5 J" D8 u20.HMR
, K u& [7 V* z0 T0 C! w) S21.source-map) o0 L. ^/ |) S" k$ G
22.oneOf! k+ I( Q) ?( a( \3 V# {
23.缓存) j( z* _7 U5 z+ S, c |% G5 H
24.tree shaking
! K ^$ \) |3 m: c. D25.code split! R1 Z8 |, d) j X# T, J" ?
26.懒加载和预加载8 O8 g7 n4 |7 ^, N/ L6 A# C6 c( }
27.PWA
! ~1 J. J" }1 o. A28.多进程打包
! B+ e2 J2 Z1 e0 H) [ {29.externals; n% ^. ^+ ]$ p' P1 d$ n. g
30.dll
' Z+ @9 m6 k+ p31.性能优化总结
' x0 u( N; u) Y32.webpack配置详解介绍% H4 y0 n8 `' j6 s! z7 s$ b
33.详细配置之entry
# S5 m' t* B1 i4 Q34.详细配置之output2 d, l& b1 C X! w
35.详细配置之module* g) n8 n3 E4 X! }8 ~
36.详细配置之resolve5 B1 L* r& C E
37.详细配置之devServer
1 H- P/ w+ a0 |0 S; K* L38.详细配置之optimization
" P3 o! s; Q, d# ^: x) i1 w39.webpack5介绍和使用
) ?* a! U3 F' u; p40.总结webpack4 a+ r" j) _, T% N1 W
! _' ]6 J: z2 H4 h& o
|
|