|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
$ Q" [+ L- S8 i1 C; a% W+ R课程目录:0 [, ~6 A6 \/ F
01.课程介绍
) L- x7 \) Y% v02.webpack简介3 d) y& t- n1 E
03.webpack五个核心概念
. |/ r+ d# h4 v$ Z3 H04.webpack的初体验% ]* p8 t* Y' F6 Z6 P$ v
05.打包样式资源
: j0 C3 T# k$ n! Q7 F( o b06.打包html资源
: G! H) k! X7 @( w07.打包图片资源! l+ R* G6 k' X" ^
08.打包其他资源
X: }! x, s* e1 B7 u7 x09.devServer# {) C% D, Y8 ?4 _% K& D
10.开发环境基本配置9 e3 [9 }+ `/ Q' ?
11.构建环境介绍
2 |/ I. ~, x' u" G9 u. t9 _1 i12.提取css成单独文件
+ k* A3 t6 ?. L) [* A& O13.css兼容性处理
0 ~3 Y7 w8 m8 C m14.压缩css
3 b$ D# A& F0 K+ d15.js语法检查eslint
* A: V8 |0 j5 u. E+ ^$ c- Z16.js兼容性处理eslint
3 g7 W7 i! D5 U2 x) v/ R17.压缩html和js
* j. ~ t. M5 g18.生产环境基本配置
# n- [# @: _6 |. Y- t7 H19.性能优化介绍
2 I! @7 p+ O: D, |1 @7 _/ i# c20.HMR, J/ q; i" i5 t' j) f
21.source-map
$ X- A1 F) L* f; e22.oneOf7 j* |8 q; M8 O9 p1 S( S& N4 k
23.缓存
* |- m8 ^7 L/ `/ v) o5 z$ I24.tree shaking
Q- I A$ a& o) j' y0 f25.code split5 s i) d0 k6 K6 v/ I: F% s, R/ S1 x
26.懒加载和预加载
" M* Q- J* m8 v! W$ Q27.PWA
" s! w6 `$ k6 S( Q28.多进程打包
$ } }9 I9 X6 U29.externals
% x7 R9 e8 z+ B. B9 N! M30.dll+ g4 d5 j; h9 g3 b7 _5 H" c+ g
31.性能优化总结* ]0 I- g, D6 k$ X& K% J
32.webpack配置详解介绍0 b+ {6 l8 a* \4 [! h
33.详细配置之entry5 U# f9 C4 M3 R# s' G( j
34.详细配置之output
0 r0 t1 E. M7 T r" E35.详细配置之module
! s& ]9 F; [& R5 P36.详细配置之resolve+ i6 R/ R1 {6 a( `
37.详细配置之devServer7 x* P& ?; {' u+ v! _
38.详细配置之optimization
! b, m6 q* K& d39.webpack5介绍和使用3 I% w' D& u/ C
40.总结webpack
& }0 w/ h# _, u7 a$ F& j / I2 u& E9 p/ B# i" K' k+ [ w
|
|