|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!' b) a' T7 r h6 l3 x
课程目录:: q( p/ U" W4 S7 V
01.课程介绍
3 {* V2 j8 j0 G+ C02.webpack简介
6 l+ A. q* _: D# {! ]03.webpack五个核心概念9 s- a& [# o9 `' u: k$ Z/ v4 Y
04.webpack的初体验
% ]$ X( ^ z8 i5 K4 }4 `0 Y05.打包样式资源2 g* W" } Z0 M+ e
06.打包html资源
' H7 b& a4 x+ Y4 A07.打包图片资源% Z! F8 Y* b6 k4 Z" y! n
08.打包其他资源
# B. [4 h1 `. ^. J, Q09.devServer
2 S, b+ y4 _# M7 t- E) \$ k10.开发环境基本配置& M! R* v$ e- u c& n! L% }
11.构建环境介绍* J& x- v! A7 C# Y
12.提取css成单独文件
{! L: a( ]! \+ ~! I( V" I* L2 \13.css兼容性处理& b3 H8 w0 w4 X1 X4 h j
14.压缩css
, e0 c6 B# |: ~4 I1 k' R6 _9 {15.js语法检查eslint9 {* x2 M& N: ]
16.js兼容性处理eslint
) i% H3 E; C* x; C: ~: L17.压缩html和js
, e5 w2 y; m; D$ J) G! a5 r18.生产环境基本配置/ I9 q4 M8 I& n1 C- T7 y* m; v
19.性能优化介绍
% J0 d. s' r! I9 w% ]" }: }20.HMR8 I7 H; b1 {4 y5 _1 I5 E- J
21.source-map! m- K, n5 D% J$ Z1 a p! u
22.oneOf5 Q* L3 N/ r/ P) J! D* f5 B
23.缓存
% Y6 U( w3 d; m' E24.tree shaking/ r7 t/ i2 m* j
25.code split
, S: C2 x) V$ |3 D9 _+ C26.懒加载和预加载. {6 i' o1 }& H! h5 A; k, M: ~
27.PWA$ F6 A1 M8 `1 ^6 V1 a6 ]
28.多进程打包1 A8 ~6 D* k: u
29.externals
6 J5 ^+ X: b8 ~ L; \' l1 n30.dll
) N. H/ n6 H+ e31.性能优化总结
; h" Z( f+ o2 B/ q# U32.webpack配置详解介绍
# Z; K6 ^0 q+ E# W& J; _33.详细配置之entry. O8 |/ F' q. Z* {( P0 R6 E
34.详细配置之output
! e7 E3 Y( j: V r) ~) Y6 r35.详细配置之module% H, J/ K5 o3 r
36.详细配置之resolve7 B& u. ^. p7 N1 _! {4 J
37.详细配置之devServer
$ Y: V+ M. P R38.详细配置之optimization5 ]2 Y' a* h+ n
39.webpack5介绍和使用
6 s) S/ p1 i# H. U$ ?- }40.总结webpack
' P1 p; M* `/ R1 d& ] 7 v2 N. H( @0 Z) F6 k; X
|
|