|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!; P3 t% h: Q) |7 q
课程目录: U4 Z9 ~5 n$ U, h* U8 r; t
01.课程介绍, ^4 l/ d/ a5 T( \& S
02.webpack简介
/ ?) K: R" u/ s0 W( X0 \0 R03.webpack五个核心概念
) Y5 U8 Q( N! g! ]9 P04.webpack的初体验
- E( B/ S6 Q6 r; i) W05.打包样式资源- [. a4 D! z+ p" I
06.打包html资源
5 A! v3 I4 {( {( i07.打包图片资源
) ^9 A' G' V* v08.打包其他资源- U% Q+ a+ ^! p: R3 h" \
09.devServer. w. c8 m0 n5 a3 N6 `% E; ~9 ~
10.开发环境基本配置5 o8 A# ?' Z% q+ Z( J, c F9 h4 t/ ~% k
11.构建环境介绍
' o) Y# w" T6 f$ k7 T6 e12.提取css成单独文件* F+ h; O- S9 f! L2 O7 z
13.css兼容性处理8 x3 \+ V# e0 P6 J. a3 L, s
14.压缩css6 O( n1 g1 Z$ A( P; b+ u, S3 E
15.js语法检查eslint
, l7 d- n; s6 T3 t, n7 _( S16.js兼容性处理eslint6 w9 ?& R7 `* w9 j
17.压缩html和js, p9 ?9 q/ y& S' B% M
18.生产环境基本配置
( r' `) _. T6 h6 Q19.性能优化介绍
1 @3 ]( e8 H" l: P) X4 r) n0 Q20.HMR
0 g0 A) E0 j1 T# X/ k e6 E21.source-map
/ P7 O2 }' E; Q# s; d22.oneOf
+ l9 z k; s) _9 t23.缓存
7 z8 _. p4 R' j24.tree shaking
6 e8 N2 }1 y, K4 Y, h25.code split, [# L( }( @3 a" v
26.懒加载和预加载8 j6 h6 e' I& N
27.PWA: M; ` G# }! N$ u" b5 @
28.多进程打包
# a9 z. \" \: m% F' Q k4 k) W29.externals- T5 C( _2 n1 J E2 w v
30.dll
$ _6 l; P. n8 x/ a" V31.性能优化总结
0 }. b( N! K! |3 I" q$ M32.webpack配置详解介绍
/ G9 ~ {6 ^/ f& N33.详细配置之entry# M& B+ T& d" M8 c' H
34.详细配置之output
6 U7 Q9 q7 |) K35.详细配置之module
8 M, B1 \6 u7 }. a36.详细配置之resolve
6 l$ P8 }! ~2 F; x- J37.详细配置之devServer! C0 M; {4 X4 b# Y) K4 }, m+ b5 u
38.详细配置之optimization. y h! E9 \! J5 Q0 ^: C H
39.webpack5介绍和使用
; \6 f, g5 i5 H' P40.总结webpack. R# Y" {1 T' ^' T) K6 [0 T
# n% U% L. i5 Z0 ?
|
|