|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!6 a" o% w) e- v4 Y3 |* [
课程目录:- y5 @' \1 Q+ L1 [7 ?4 d8 L
01.课程介绍
; g- W% d/ v/ r# e2 o9 s1 B+ E02.webpack简介! e5 U) [6 |' }3 i G) E% b* A
03.webpack五个核心概念% O* X: f! L+ `2 A0 _, h6 Q
04.webpack的初体验2 y# Y3 t! a5 f9 C
05.打包样式资源7 I9 K+ x1 `( P k3 ?4 g+ M, _
06.打包html资源
T. ^# H9 K- {6 V1 {& X07.打包图片资源4 l1 @/ R4 v: }5 q5 D4 s
08.打包其他资源
% t; n- n4 |2 h4 l! C7 K1 l09.devServer
" N) v: b$ D" K10.开发环境基本配置/ q$ I1 g+ z! W" d7 }/ a
11.构建环境介绍
3 c# P' i+ {6 C( R2 Y9 B7 W12.提取css成单独文件
! y1 E" s, w- Z3 H" ^+ G {13.css兼容性处理
, M2 t H8 I8 u/ K9 d2 n/ Z14.压缩css
( a( C6 [: c2 L- I15.js语法检查eslint& V7 K% k+ r9 l5 z! j5 k1 O3 j
16.js兼容性处理eslint
2 y1 x% ~6 Y% X. t- V. r# Y17.压缩html和js
- S9 J7 N4 P ]/ H+ u5 Q- F18.生产环境基本配置
- _1 }+ o: ^: U19.性能优化介绍1 T, N! S! x, {. p
20.HMR$ u. u: b- O2 A' p
21.source-map1 G; I( V n+ J% e
22.oneOf" ]" r+ @" s* Q3 C
23.缓存
# C$ d$ {6 f# b& x' n0 \24.tree shaking
4 d7 T% q* W v3 }25.code split6 C9 A8 A9 O1 x2 m( ^$ @ }
26.懒加载和预加载
. k& ~# H9 {7 c& I27.PWA
2 B$ o; H. Y8 _* C& a0 `28.多进程打包; t) N. V7 _& d$ g0 U7 K
29.externals
2 J+ u% P8 ^: O! r% K30.dll5 `- m2 q3 v* ]
31.性能优化总结/ X R- d- s8 H: G/ M1 D
32.webpack配置详解介绍
$ I7 `+ S' R1 C) ~3 E0 C33.详细配置之entry/ d: }. g0 ^& `- [# A
34.详细配置之output
" `* }6 q3 j5 n35.详细配置之module
8 t2 G, b$ O {; b+ K# ]36.详细配置之resolve4 Y' M; r. v+ ~1 W
37.详细配置之devServer" A5 ^6 r; S- M/ _
38.详细配置之optimization
5 s; N8 Q; O# B39.webpack5介绍和使用
2 A) v H% W" U3 r40.总结webpack
3 D$ o. u: ]8 ], D6 i4 k& a
- I& {8 H7 r+ {1 ~/ D; r
|
|