|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
& z* o& \& ^$ {6 K1 L7 @% s课程目录:
5 H3 G: ~; a# R01.课程介绍+ o# {% R6 _# n
02.webpack简介# I$ g" O: E/ w. z5 O1 c* x- {
03.webpack五个核心概念) q. ^! f6 q! L) u
04.webpack的初体验
2 I; K4 H1 u& |9 N9 x/ i5 S05.打包样式资源
& V0 A& |8 A4 m4 y; l7 n5 w2 u7 E06.打包html资源. {+ |& t1 y1 U* h% N
07.打包图片资源
& \2 T. J3 W( _) J& G; G( }, P8 D08.打包其他资源* P/ b' i3 c2 p& H
09.devServer
$ n9 ]! Y% _/ M# t10.开发环境基本配置 o7 o# [/ S2 a; e
11.构建环境介绍$ x, f5 J5 [' R+ L- ?
12.提取css成单独文件
3 \, P- M# H! j6 x3 \5 C13.css兼容性处理
9 @5 K' Q* r) Y% \. L7 X8 [9 i14.压缩css
3 N% m7 M3 f4 o2 }15.js语法检查eslint
8 o$ {$ D. d+ D1 \16.js兼容性处理eslint
0 j9 D$ U0 o+ `6 E1 i* s1 ~/ d9 b17.压缩html和js1 v5 O( f' g$ o& a
18.生产环境基本配置
% j& f% D" b6 G4 c) V19.性能优化介绍
3 `3 s# j0 Y! m& w- a0 j20.HMR5 f1 @ a8 \$ q/ q& Q, D: W+ l8 Z
21.source-map
* R; h' R: d; |+ E+ b7 r& O22.oneOf# v" n, y+ C0 a
23.缓存
- I; W8 M3 c Y24.tree shaking
2 P# }, Y3 e2 m3 w1 ]25.code split
- p& L8 @& ^7 g4 h/ C+ s26.懒加载和预加载
- R7 C7 R8 A! y f6 p& y% _27.PWA/ |: [. ~$ K2 [0 b
28.多进程打包6 D3 j X2 T4 b. r
29.externals
7 j6 G# b# }: |- h. t9 U) I30.dll
7 d! P0 t5 j7 y0 }7 [6 y1 _8 |9 }7 ~7 }31.性能优化总结+ [, y9 E' N& z, y% ]$ o5 G
32.webpack配置详解介绍
2 W; Q& `" z1 {( a( \33.详细配置之entry
5 a2 g& I: S8 o9 F. k2 h) c34.详细配置之output
* l/ o* J. q* j9 w' m- r35.详细配置之module
+ E/ l5 K4 P5 V) E; X B36.详细配置之resolve7 A9 r1 L9 P( O$ a' z" t& B) x
37.详细配置之devServer. K2 H8 ]' R' f7 |9 m
38.详细配置之optimization
2 x9 a" g& h5 l- o39.webpack5介绍和使用
& w" t9 h6 ^6 s* b/ k& J40.总结webpack& ]7 d! {8 g) M% d- ?5 I
, ]0 \: {! F0 z; D
|
|