|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!7 U8 g/ n; y9 [+ Q
课程目录:: w8 ? a3 |& ^- j. E
01.课程介绍
U4 O# D5 v, T4 _4 |, m6 e02.webpack简介
" r2 L8 e* }+ b5 E03.webpack五个核心概念 [ }3 p2 k4 R$ N/ B
04.webpack的初体验; X- @( T7 V* Z( [( g" F
05.打包样式资源( K: b5 k4 U/ Y O9 ?( m9 N
06.打包html资源
4 Q& H+ _. t+ P) L07.打包图片资源
$ s0 v& A' f" X4 |08.打包其他资源
z- { d i4 m- X" ]: k3 x( l09.devServer
0 e6 C- Q# h7 Q1 v7 X. K10.开发环境基本配置& x; D N6 C$ T) P! p
11.构建环境介绍
+ d- J6 g- }! n+ [, y, H( W12.提取css成单独文件4 @) N3 h u3 A2 y/ T# _
13.css兼容性处理9 s- q5 N4 U, A- ^$ X
14.压缩css
! g I$ r4 }( S9 u: H, W15.js语法检查eslint
+ l7 ]' ]" u, D" P$ Y16.js兼容性处理eslint
3 F$ y7 N3 w; [6 k0 k17.压缩html和js$ @" K# T: S+ o
18.生产环境基本配置
+ k1 @! A4 p* N2 G! P0 H N* Q) ?19.性能优化介绍' o9 W; Q8 _, d: j; ]
20.HMR
/ w) E+ k; A/ k21.source-map
- p% z: P9 U) t) X22.oneOf
* x4 |# Y8 t, \" U23.缓存
6 w+ h X5 i) x1 I/ z. {24.tree shaking
' q1 }. ~" ]$ U25.code split
5 q+ U* }/ T8 J26.懒加载和预加载4 ]8 a' w( ~4 c7 H
27.PWA$ s8 A( C3 D% y8 o
28.多进程打包
, j" I+ |1 M* l9 j2 R* Y29.externals" @3 p# l. }! v7 f$ f- `% |
30.dll
$ q& }. \2 K* E6 \! P V" h) U31.性能优化总结
5 V# Q" F( L) R% X/ x32.webpack配置详解介绍
1 T. u; I: o9 J, V( y1 j33.详细配置之entry8 b$ g1 H d; [3 l1 a, e2 Z6 I
34.详细配置之output- {7 J8 V1 M# L. K+ O: P! w
35.详细配置之module
6 C+ z, K7 n1 a7 y36.详细配置之resolve* K- Q3 g) S$ i1 U2 Z( G
37.详细配置之devServer
) P' m4 E( v; ^3 d# n38.详细配置之optimization
: e- {* \1 T" _39.webpack5介绍和使用" J6 n* x3 C' m$ ~) U6 L$ K
40.总结webpack
; u# J7 Z) P: a, b; i! |7 A2 i 0 d$ y. b% d- L% K/ Y' Z; V
|
|