|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
$ s! i4 {- _) d课程目录:
; m7 _4 k) c" l+ _4 j: I% O01.课程介绍
0 A1 d) t- A! u3 u6 u5 t% c y02.webpack简介
, ]. l2 [# P- j! U0 z03.webpack五个核心概念) Y5 n5 Q/ x- G
04.webpack的初体验
7 t# B4 R$ @& m2 [) ^05.打包样式资源" e ]+ L/ a1 F F( g& z
06.打包html资源: j+ t- O" s" e) [' ~
07.打包图片资源
' V7 ~' g( I0 I G% B+ X; e# x6 |- i08.打包其他资源, O0 Y; P+ A) D6 N2 N
09.devServer
/ y B e! A$ v5 |0 @! {10.开发环境基本配置
# a1 |) m6 y9 Y9 {* [4 E) L11.构建环境介绍
( C3 ^" K+ {7 X ~; Q- j9 K4 l: q12.提取css成单独文件
' S/ R F9 [/ n13.css兼容性处理" V% c8 b& @; U$ ^9 y5 q
14.压缩css' f3 H. [9 H( J7 y7 H# [" T) Z
15.js语法检查eslint
K8 c1 Q) ?% g: d: j8 b5 i16.js兼容性处理eslint
, _& y; R: U8 d, j5 O+ M17.压缩html和js* W2 q- Y U! Q% t
18.生产环境基本配置 o, B6 S. v! r! S/ H
19.性能优化介绍
8 G& o/ ~5 q- I; ]* i' b! u20.HMR
+ ]7 q- N- f) N: A3 ^5 r5 G: q21.source-map
* y9 \2 k! [: L5 x Y: D22.oneOf, s5 J6 W# |" o( }& Q# M
23.缓存
' N, s4 K& @, Q$ j8 ]9 v: Z24.tree shaking) T- Z5 B% p# T1 }: Q7 L7 a! G
25.code split+ R8 y6 [9 o. j; z9 N
26.懒加载和预加载" ^" c: C8 P6 J9 H9 q
27.PWA- o0 w9 T3 ?: |( k/ R) ] L
28.多进程打包; N3 T7 Z! ?- [0 a! \6 ?: U
29.externals
& m7 O2 H( V. l! v E4 W30.dll8 G% O( u8 V2 l3 b/ n# r
31.性能优化总结
4 B1 ~, T( ]# k+ \- t9 q( a32.webpack配置详解介绍
( r5 K% p( [3 J33.详细配置之entry
- J8 r+ C1 a j: n34.详细配置之output
9 ?3 M1 O0 t: m# j1 h" e3 t' o35.详细配置之module
& Q& f* q' P9 _- v( G& e. E4 C/ v9 x36.详细配置之resolve3 Q* @( F5 }8 e8 k; e& `
37.详细配置之devServer
( U6 k' U4 p- R$ b* a+ n1 o- E38.详细配置之optimization
1 x; W( x6 c' M8 S+ ^/ j5 c( i39.webpack5介绍和使用
$ F, r. i3 w; U9 M% M40.总结webpack
! Z l3 @# S6 E, c
5 L7 G/ V7 Z6 ~) O8 N
|
|