|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!# A! D, X- f7 l$ n
课程目录:/ J% q- @. Y* |0 M
01.课程介绍
3 v+ U% W6 `6 l02.webpack简介" _2 M$ ?$ o! C$ @; X
03.webpack五个核心概念
7 @3 K" ~/ f! O. u04.webpack的初体验) b! S U7 P8 [4 W
05.打包样式资源
9 f9 T8 K M, I x. X06.打包html资源/ L, `1 F8 D9 z
07.打包图片资源2 {2 ?- ?& k9 B* ?
08.打包其他资源
% z0 C: r. p% w! @0 [- k2 ~0 m' E09.devServer
1 F& D2 Z+ @. F10.开发环境基本配置: L8 y. ]& r5 |6 C. \ U5 ?
11.构建环境介绍
* M: }# z& T; O8 p2 c4 i12.提取css成单独文件% o/ |0 j( M( b' H) R
13.css兼容性处理1 L/ b; S0 G% x* Z1 u% n7 ~
14.压缩css$ _% w N2 f# J$ ] K0 R# m) a
15.js语法检查eslint
) h) b/ F4 s9 N7 a& g. A16.js兼容性处理eslint
7 a7 l J9 I; g5 b0 Y17.压缩html和js
3 h/ Z! F- t# Q; E5 Y5 I18.生产环境基本配置
9 S& \6 _$ B9 G3 B4 d19.性能优化介绍
) Z7 Z! n( z; G7 z20.HMR* a. W& [( F5 O( x% X/ S7 f% q
21.source-map7 w+ V6 {2 R/ w
22.oneOf. T, R9 E: \$ \ m2 Y( G3 {
23.缓存* H. _, y. J- y
24.tree shaking
2 x c n2 E; w/ t' z8 w- O25.code split3 J% [5 |& Z* ^- I5 i/ U
26.懒加载和预加载
! k/ D$ }4 A) M$ A( g* g" z27.PWA8 u Q7 U' j6 z; m
28.多进程打包
: m+ _) M- H. p R }29.externals
- v x$ H0 Z; C+ J( n+ h: m/ _30.dll
+ a5 Q; l; Y8 x4 C/ C. e" N31.性能优化总结
+ H5 {" |3 L+ H32.webpack配置详解介绍+ z5 l+ Y, S& _: t
33.详细配置之entry
( _5 A* B0 t: H* h# A/ H: U( H34.详细配置之output
9 }0 @, m3 [' x/ ]" H8 n, k35.详细配置之module7 t- i4 r- ^ w5 t9 Z
36.详细配置之resolve) ]# ]- Y; x: w9 |
37.详细配置之devServer
" S2 q# l4 v8 g6 q2 t5 i38.详细配置之optimization' s. C8 c* }1 l: |1 p7 m. W
39.webpack5介绍和使用
& L: {. P! l- `% b0 g9 P& b40.总结webpack% Z* { m& W6 G$ n. r. c( S7 f+ Y
' H7 R& T( G1 L, x8 h" j
|
|