|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
+ L; F; ^. G/ z" l% X课程目录:3 O' l5 {( l# I2 d8 c$ E
01.课程介绍' a9 y% v ~* m$ K
02.webpack简介
g+ D1 N Q6 r* w03.webpack五个核心概念
# O& P! e) f2 y7 K3 j. } `+ e8 u04.webpack的初体验
; S3 Q$ b, R3 k# E2 W: `! o05.打包样式资源
5 k s: n# F" \" \06.打包html资源' u6 }+ [1 s9 o8 i3 b
07.打包图片资源1 V# g2 u# P) z( H( v9 o
08.打包其他资源
6 n! P4 F1 S0 ]09.devServer4 a4 x/ d( x, }+ F
10.开发环境基本配置
, ~% Y/ Y9 [4 d11.构建环境介绍8 r2 ~/ `4 u( S7 s) u3 B
12.提取css成单独文件
. S: o( I* @+ F; F+ [5 j13.css兼容性处理
* ]# H" \8 B3 }. \8 H" d) j0 F14.压缩css
0 Q- L0 S1 u) x8 l1 s7 `; ^15.js语法检查eslint
& `) Q0 g3 _5 V; ]* o8 N2 R+ P16.js兼容性处理eslint
5 h6 g. x8 C I1 c17.压缩html和js; y; |" N1 t4 _6 C$ T! O5 r6 f
18.生产环境基本配置
) ^% d4 Q: T( {0 r+ K; W; f2 x19.性能优化介绍
0 s1 u3 z% u9 }) s' ~ Z20.HMR
* e/ r& _8 I& V' C; _21.source-map/ K7 R" g4 M* R3 n3 Y
22.oneOf
& O: d( ^3 Z8 T5 s; K5 [% c4 V23.缓存
2 U2 k0 o4 Z1 l. h2 L8 c+ K24.tree shaking
) o3 y) \6 R% [/ ?2 G* T% L25.code split
7 |9 w3 o: |* m- ~2 `7 T26.懒加载和预加载1 n7 j9 g" {1 K2 [
27.PWA
9 ~* O+ z$ W! c4 _8 t$ R28.多进程打包/ j: A) T7 \: x3 g. W O
29.externals
( v- e3 Z& v& {, G# y3 c) ?- D2 d30.dll, f* S' E2 b" t$ M% x$ V' v6 I
31.性能优化总结" N( X, {- g1 x8 c* P
32.webpack配置详解介绍
- B4 @8 k* L1 b4 \33.详细配置之entry9 L* c9 w) L) U; L
34.详细配置之output9 I: C2 f$ I# |( ~- ?
35.详细配置之module2 i+ N+ M& E" g; g3 D) j
36.详细配置之resolve. F R- N% @0 F G! H0 Q3 U! @+ ?
37.详细配置之devServer+ ?8 z9 i1 `2 }
38.详细配置之optimization
- A9 L( V% p+ U, W, |39.webpack5介绍和使用' Z; J9 u" U& P7 i Z+ B. V" |1 P
40.总结webpack; L' P, ]% T" T: s% `6 p9 m% t
8 z" G1 B* E: v/ R$ S9 |
|
|