|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!& p% O1 M6 ^: A. A1 S& Z1 q2 S
课程目录:
6 t+ S2 y; n2 K. s01.课程介绍
9 T( F2 v+ t! g8 v- B02.webpack简介8 c2 B$ ] H* n) m" _4 N
03.webpack五个核心概念4 ~6 J8 u% L* V3 W7 E
04.webpack的初体验
& D" V0 W; O+ [8 I$ k- _, f05.打包样式资源" B; L$ W9 j" ]3 k( p
06.打包html资源3 x2 p, p9 u2 o4 @2 a0 B, N
07.打包图片资源$ w+ z t. m+ q0 V% F
08.打包其他资源7 `/ ^8 p, o4 M, L/ F
09.devServer
$ G5 q: q$ _4 l+ T# s2 _10.开发环境基本配置
2 e3 b4 g' E6 h11.构建环境介绍
w% O, v4 C* [- t& P6 T. r- a6 @12.提取css成单独文件
9 v7 x$ X* Y- N' C% e8 y13.css兼容性处理6 `2 f, J4 E: b5 O& c
14.压缩css- n" J5 p( A5 Y6 _. s( y
15.js语法检查eslint4 N5 ]5 S7 U$ [. P+ M4 J
16.js兼容性处理eslint
8 j% T/ `0 g& m. M7 e% l, G17.压缩html和js- L0 r/ K5 u: E! X
18.生产环境基本配置& i/ U5 E9 O% _3 A/ R5 c
19.性能优化介绍+ v3 L0 w0 ^# D7 ~1 k; C
20.HMR/ d" G$ ]" w( T
21.source-map
1 ^6 c9 C+ M1 c8 [ k z, A8 o. p22.oneOf
2 R/ B' a5 T1 G* Q" u' e) Y; a23.缓存( b% H9 |. L- y1 |( C* r# T/ ?
24.tree shaking
/ E5 n$ B: g' E25.code split
- T& C2 A+ ?# e8 L26.懒加载和预加载+ N3 G5 o2 J, a4 E
27.PWA9 V# Q& t8 A# w j! D) F
28.多进程打包
j: t; T4 w, `7 o1 |3 |29.externals) v7 S+ u5 a: A, Q. {6 x
30.dll* M9 \" {" j+ b1 Q
31.性能优化总结
) y* W1 A2 a& d `* w, b32.webpack配置详解介绍
l6 c- {+ m. V! j4 z9 z33.详细配置之entry" w5 `+ O8 K% m7 }# n. o1 e! \* @ o
34.详细配置之output% a$ y% F% D _9 x, n
35.详细配置之module) l2 E$ [0 q( j7 I0 G1 ~3 |2 M, c
36.详细配置之resolve
: L9 t! g4 s5 K- f7 _37.详细配置之devServer0 X2 w- b4 t! [( }, f+ H
38.详细配置之optimization
+ y' p* ]- p" I! N& D7 c0 {: E39.webpack5介绍和使用
. Z# o4 H; {7 l' D40.总结webpack7 [9 I, I$ A9 S) w* j* a1 k
* E3 Q2 y' P9 p3 n( g' j
|
|