|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!& S- e. p8 O$ ?% J! X& E$ h
课程目录:+ ~" N9 Y6 f) v1 f5 z4 b" P4 g+ T
01.课程介绍$ }# y) Y0 U1 c' Z! p
02.webpack简介2 a- u: R5 _! I9 e% c
03.webpack五个核心概念
5 `1 H! \& P6 _2 p) b3 _" c3 @04.webpack的初体验
. F, L0 H( k- U2 {$ P05.打包样式资源" @& p. _5 v/ F
06.打包html资源: S: r. M+ Z+ b' h w: o9 R
07.打包图片资源
+ p+ n$ s4 T7 S" N2 u3 |2 Q" A08.打包其他资源0 q& `& q: k) L3 T3 P
09.devServer- s$ K8 X" r$ o2 ^( k$ z
10.开发环境基本配置 ~/ \# I z7 |' W
11.构建环境介绍2 T1 z- Z. @2 o; t
12.提取css成单独文件
3 L2 @7 x$ ]* a13.css兼容性处理1 n4 I \6 {- u
14.压缩css: }5 v, h0 Q) {
15.js语法检查eslint
: h" W/ B+ t! \) v) a16.js兼容性处理eslint
1 n: |8 O% i' d5 E' s9 S3 R1 W% C6 R17.压缩html和js
. Q4 n) F$ ]8 a' h7 d1 b6 m3 O18.生产环境基本配置9 V0 H' g5 o. u* u/ D7 U' M$ G1 ?
19.性能优化介绍
9 `8 V; s. ?$ I* a G V20.HMR7 v: @! `/ L/ d# n0 l- s7 k
21.source-map) A8 V4 ^8 h' J- q- {" D
22.oneOf8 K$ a4 ]' }9 d
23.缓存- l: I: D' j- R: L* a, P8 k: _
24.tree shaking0 b/ [% Y7 N j: T
25.code split7 |8 F; J6 `3 V
26.懒加载和预加载. R. S: w6 B- d& K- k0 g0 N
27.PWA) o$ H+ N5 K: E
28.多进程打包
+ ?3 G2 ]) y9 ?: g29.externals
0 L) y9 j8 j( C2 E0 D' ~: X30.dll M$ ^3 s0 R8 s: P5 ^% k
31.性能优化总结
# f8 Z+ |" }# T32.webpack配置详解介绍+ N1 L2 P, R/ W
33.详细配置之entry7 g, y1 _+ S3 c- ^' K5 ?" I. d
34.详细配置之output, p5 |" K/ R7 j
35.详细配置之module" U. E0 _6 E) U: F1 B7 a
36.详细配置之resolve/ m1 a% F' h3 W0 |7 v
37.详细配置之devServer8 W3 N( e$ O9 n! _3 X
38.详细配置之optimization
) Q( B" P9 t: Y/ {6 P# p7 |0 ~39.webpack5介绍和使用
2 |9 W3 t# H; \: w3 B/ L% I40.总结webpack
, R) q* O- e2 \! P
% `# n0 A) R0 t7 g
|
|