|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!+ E: }8 Y1 z; T9 `
课程目录:
% y. p. E' j) i' T, f1 J9 w01.课程介绍
9 U p7 P/ i! a t02.webpack简介
4 O$ |9 D+ U. ~ ^- ], @03.webpack五个核心概念( @3 |0 B. O0 z: t# J
04.webpack的初体验
( O* l( N1 n7 d; W/ O) y05.打包样式资源
2 k. x4 m5 J/ Y7 A1 i06.打包html资源" o% [: o. R( B
07.打包图片资源7 F0 c- b3 ~2 \0 t( h0 I5 ]: |6 N
08.打包其他资源
% D7 f' |% C$ I09.devServer9 C1 |) \* Q. \
10.开发环境基本配置
8 ~* Q- l7 J( ^11.构建环境介绍, X4 t0 C+ k- M! j
12.提取css成单独文件
$ G6 i/ t6 ?! }4 @- C. X7 i13.css兼容性处理( X; [" V. f9 a( ]
14.压缩css0 j5 k# m% G' Q- |1 R/ ?' C7 H( W& b
15.js语法检查eslint1 [0 i9 A$ ^% T( i2 \$ M; W
16.js兼容性处理eslint/ J: ~' V' D5 U1 P+ }1 A/ j; s
17.压缩html和js
4 s) U- b2 g& e* G% _$ [' V18.生产环境基本配置
$ A, W1 ]% s9 }+ u) e. M! l" J, f2 m& |19.性能优化介绍
& P$ d% q, [- P& k+ c% E; T20.HMR K( N7 Y) ^: Y9 n, }8 D$ A
21.source-map) A: `- o" d$ |# G9 k: ]
22.oneOf
8 M9 Z8 n; c8 R1 P6 S* }* d23.缓存7 i2 m# H, G) r+ H0 r
24.tree shaking
5 m; t; L7 A+ n1 S) H' b6 l25.code split
+ e! @9 C, e% D26.懒加载和预加载
* r2 F0 Y% o8 y" R$ x+ c27.PWA
9 W, n0 } M$ Z. f4 i" |28.多进程打包
# O3 @ i, A& V% x& i9 [29.externals
* [: K" O% Q. ]; F30.dll4 W k8 l) J6 j2 @3 i
31.性能优化总结
3 R/ N+ ]- |/ O, g5 p& X32.webpack配置详解介绍8 P+ F2 N8 @: g% s
33.详细配置之entry: o2 [) f; c+ o9 N3 a" R A
34.详细配置之output
* M, K* v, p t6 d35.详细配置之module" A; h2 c6 p! g4 ?3 _
36.详细配置之resolve1 p4 \1 ?5 u, w1 c$ O O* i' a
37.详细配置之devServer4 ~+ a0 `( S2 R' a0 v
38.详细配置之optimization3 x9 Z0 g. ~1 c
39.webpack5介绍和使用
$ l0 }+ U9 R% Q4 g9 h |4 U- b9 X7 N6 s40.总结webpack
3 N6 h( |8 Y3 b N% m" D + |6 Q8 D1 G9 \9 g0 B
|
|