|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!$ J9 l9 a2 D' {( ~" F) B& I
课程目录:! }% F6 P$ J& }5 h7 h& _
01.课程介绍
9 x1 r# b; u0 g$ Z3 T& X02.webpack简介, x( Q; ~/ R+ Z& I; E2 t t% I6 x
03.webpack五个核心概念
% Y7 B' `# |7 X* R7 P, C04.webpack的初体验; T; _" E9 H8 Q
05.打包样式资源$ o& A! n: a: x, A/ f5 v* p5 s# A
06.打包html资源9 E. A' C7 m+ z" U
07.打包图片资源5 @& j. v8 q1 o: a8 F$ o" p
08.打包其他资源
5 n5 g6 ?3 @3 C1 R7 ~09.devServer7 }$ K+ p3 Y* G5 z, A
10.开发环境基本配置
. p- Z$ L6 z; g4 S11.构建环境介绍( A+ H! m. }2 z4 x+ t! Z
12.提取css成单独文件
5 Q( e) x* v$ A; J! U13.css兼容性处理
4 G- O) V$ C* z5 J2 r- w14.压缩css
+ [/ R* K c8 F+ Q15.js语法检查eslint2 y- Z9 c- I) k6 v' f) x
16.js兼容性处理eslint
: g6 ~5 j+ k: H17.压缩html和js
) H- z5 t" I, U18.生产环境基本配置
8 v0 L! j c% h: g6 r$ Y# |19.性能优化介绍
' b+ b( N; ?3 B1 \! d20.HMR. G9 C S) _: z2 t
21.source-map
5 j/ R" `2 y9 H- Q22.oneOf
: w. `$ w J7 T. w/ f23.缓存/ R5 P$ i p1 O; S( R( {! N
24.tree shaking1 q% z4 x3 ^" y7 [ r x
25.code split& ]/ M% E% Q; }6 ?* m% I
26.懒加载和预加载
7 \5 n- r1 b! C* [0 b27.PWA* v a# g$ C& O# j0 H
28.多进程打包 r% p8 b4 Y; `7 q. P+ N
29.externals
. J. I) ?: y4 m30.dll
2 j$ X3 v# `; \* H# p0 K/ t31.性能优化总结0 U) l8 t: ^( q+ @! M8 {
32.webpack配置详解介绍
9 s! O4 m. I3 T33.详细配置之entry3 t$ W5 L2 G2 v9 [3 a
34.详细配置之output! O M9 W) F& p' l3 n0 N# G
35.详细配置之module8 ?8 |) v [& F
36.详细配置之resolve# V/ \3 I4 s9 x3 r- x/ P
37.详细配置之devServer& v! ~5 K8 E T$ C6 V
38.详细配置之optimization/ m! ^2 j# g' e2 W1 @: M
39.webpack5介绍和使用
6 H9 ~: N$ p% ]8 b, x& w40.总结webpack
$ t2 K$ Q# b$ N R) h( g* p 8 L* K5 _6 z4 K* K/ K
|
|