|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!8 A z R2 [1 O6 a x
课程目录:
6 ]$ Y5 _3 [3 X# l) N C' N01.课程介绍. `7 ?- U; _" o, F
02.webpack简介
( j7 j2 D" D8 }) _8 t& i03.webpack五个核心概念
, _8 M- ]) Y4 ? c04.webpack的初体验
* Y# e$ ^3 U" Y! I05.打包样式资源
% h+ {: M: X6 x5 X( i( N; [ d6 @ @06.打包html资源8 f& x, V" o9 N$ H% [
07.打包图片资源/ ^/ z! c" k# F. X( B
08.打包其他资源
4 i* v5 r& U; I, c09.devServer
. @8 F) R$ P1 W- `10.开发环境基本配置
" Q' k( u" f/ e3 k7 d2 A11.构建环境介绍, [0 _, Y! M3 O' a8 R+ @
12.提取css成单独文件- }; ^( y& G- |, Q. q% Z# C
13.css兼容性处理7 Z: e$ ~9 ^3 D! h; ^0 x
14.压缩css$ q% q4 h5 B1 I% }* I& V) [4 r/ K
15.js语法检查eslint- V& i+ v1 i; A5 T, f
16.js兼容性处理eslint
3 P Q4 A# O7 t17.压缩html和js6 p B; g4 q) s! O
18.生产环境基本配置
1 [ a( u& p& C4 S+ y; i19.性能优化介绍
& d: \+ H C$ p( m. ]20.HMR
) ^" g* D/ W# k- {, ~. n0 V+ z$ I21.source-map/ k; D( v3 V6 w$ z- i% \
22.oneOf
* ?; W& J& Y6 P! \2 e) C/ K* u23.缓存
' [5 g* Y. z$ d8 ~. [ R; v* X+ Z. x24.tree shaking
$ O% Q" U$ x1 Y, i- P- L25.code split3 ]* @( v. R; K9 f! u
26.懒加载和预加载& [# [8 o3 s& D2 N
27.PWA3 E' s1 Y* _3 d$ [; n# b
28.多进程打包" U) ~* [9 @0 I6 i5 G' l D4 G
29.externals( k$ H: h$ ?* ~
30.dll
* |! Q- L! K* p/ f% `% P31.性能优化总结' ~- M5 O- N' a k) a9 O1 R* z
32.webpack配置详解介绍
4 c( j& Y6 ^( \& a V33.详细配置之entry
/ O( l; c$ r4 S" E34.详细配置之output; v0 B/ q0 ^' P+ c5 T" v
35.详细配置之module; _) O+ W) a; U4 c$ F; @: a; X
36.详细配置之resolve" a" ?# q6 g+ ?0 e5 o
37.详细配置之devServer
! w# V* D2 e' T38.详细配置之optimization4 _, y4 T' o% G N1 n
39.webpack5介绍和使用
+ n( J* i9 k) ^9 p' I40.总结webpack0 R& s$ P4 Y* j g5 X4 S9 r6 j
5 l3 @3 ?% c9 S( N
|
|