|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!' D/ m" q% h# t5 L8 W6 g0 y
课程目录:
, @1 o- }( I9 d+ l01.课程介绍9 j2 M z1 J) h0 P4 N6 X+ p0 V
02.webpack简介
! [# f1 V5 M* ?03.webpack五个核心概念- L9 q' P3 ]% R7 U
04.webpack的初体验4 f. u; d4 T7 |, Y1 K9 _' e% e4 X8 U& r
05.打包样式资源) N) |, R( F1 G; K+ ^( e' J
06.打包html资源
_. t4 }+ }* `$ o6 _07.打包图片资源5 ]. r$ N3 g3 G# v# y2 W
08.打包其他资源* \, M' |3 E: T- {% v3 k& C
09.devServer
& [9 i: Q" u Y! d: Q10.开发环境基本配置# V3 l4 V6 G7 H/ d
11.构建环境介绍/ j3 K( q( S" S6 L# f: K7 f+ m( B
12.提取css成单独文件
4 k* R2 s5 t; J C! K7 o13.css兼容性处理
6 y1 { w$ x% z- J14.压缩css
- p9 y# S. t3 X/ x7 T* J15.js语法检查eslint
6 u! |! k& r* [$ U }16.js兼容性处理eslint
+ f G$ x W! c1 V2 b* v$ x17.压缩html和js
- F3 q, o6 h: Z1 b" i18.生产环境基本配置
9 O: I! r1 F$ n& ?; c19.性能优化介绍
# r- A1 b+ ?2 Z% z8 m6 d( Y20.HMR
/ y4 [( ?3 E1 M6 Z+ X9 r) n21.source-map! w \5 k0 ~& t. Q" @1 e" W# w8 S
22.oneOf
- K6 d7 s- i2 H23.缓存
6 V; h* e" I& [# O( ~24.tree shaking
) v, X; ?1 [5 [ U* ~: l25.code split
3 }/ ]0 G5 T2 H ~& I26.懒加载和预加载3 f. N; w% l! B3 {( G; r
27.PWA
, Q, K& H& C$ ]7 m28.多进程打包# Z( o% c; P# [, [9 f
29.externals" T2 N" f7 N& s5 Q! C* Q
30.dll# n7 w+ _- ~# _8 \6 j* ~! O
31.性能优化总结
1 \7 \3 }. m! R, w$ z% s32.webpack配置详解介绍1 U# I1 l6 E" e, E4 b
33.详细配置之entry, q' u6 N' k. \! Y( Q; R
34.详细配置之output
! }' [$ w% R. {( H35.详细配置之module
! Y7 p; P1 {) F* ~( ^8 r36.详细配置之resolve
& y* I' f' B: M' \- f/ f37.详细配置之devServer
3 H& t" s7 B' E" u% {* [38.详细配置之optimization3 E) y& c1 P" o9 `$ v: U7 ]
39.webpack5介绍和使用
T1 F+ ]( G- G! X' ~) X. s2 B40.总结webpack
1 @5 F( l# Y+ x+ z# {9 d2 W # c/ [, o! | h3 A$ t
|
|