|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
* [2 b* b2 M3 d9 Y课程目录:: j1 ^3 z2 c# I3 V {; [
01.课程介绍' ^1 V& L9 Q8 G! M7 K3 r: O) {9 W$ b
02.webpack简介
6 I5 S/ \$ c9 L% i' d% r03.webpack五个核心概念
4 ~3 v3 f% q1 }& F5 m# v04.webpack的初体验
, e" r# D$ [5 E7 v/ v05.打包样式资源. z) y& l" k1 j! _0 v( s; I+ g
06.打包html资源
+ L% L1 D$ `& u4 o$ d, Z/ I/ O) n" t07.打包图片资源
9 V( a2 G. j! w$ l08.打包其他资源+ C6 @" \6 Y% s) Q9 J+ r9 y9 t( Y
09.devServer" M" l2 v5 p5 Z& @$ u
10.开发环境基本配置
+ L7 y# P$ p( O) M11.构建环境介绍2 ~( n$ {* e) ]& M% V; j
12.提取css成单独文件
& @2 h0 q- O6 t# Z* Y+ X13.css兼容性处理
1 ]% ~4 u- x3 b* L# q4 e) R14.压缩css
) a$ D1 {. H$ t0 p' ^% h15.js语法检查eslint& O' I) k+ P. T
16.js兼容性处理eslint4 a* I; E, r" |2 t
17.压缩html和js. S+ u" @+ w+ J1 N* {% X
18.生产环境基本配置
7 V+ m) E, ?% i- M7 |0 j19.性能优化介绍: l4 o4 o. O' W" @4 R' @# j T
20.HMR! g- d" ]8 Y0 g" ^" V
21.source-map! G) i \' _! x: D
22.oneOf/ v" U1 B& j2 I. ~/ B( A! X8 |
23.缓存
# s0 r; D# O u* `; C" m( J24.tree shaking
, ? R. L( H+ a1 \3 @25.code split8 L, u: O. o/ r( I
26.懒加载和预加载
5 h5 z( P! j. ]27.PWA
$ `' F" D( w2 P7 X% z% p" h( ~28.多进程打包1 I% M; e @4 Q
29.externals4 K' N) p' l7 H7 o( m$ w) v
30.dll
$ q# X, i0 z8 a31.性能优化总结
; b) Z9 q& c: y+ y/ f1 ^32.webpack配置详解介绍 E% T! M2 j/ l4 G0 Z
33.详细配置之entry9 U' L( [( j% V/ @8 g/ X" V
34.详细配置之output
) v% b. B( T# \! @5 _35.详细配置之module
; K6 P$ t7 J! q9 \4 [) p' K& i36.详细配置之resolve
! O y7 j; h3 ^7 y/ W1 {' j# h37.详细配置之devServer
% z! X. o, w: p) j$ x3 A R38.详细配置之optimization0 M3 S! f$ u- H+ q
39.webpack5介绍和使用- i& v" y( `0 r: |5 o6 f
40.总结webpack) V) o; l. |% b0 l
) X8 s3 {0 u8 `0 u3 Q
|
|