|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
1 w7 q4 b! C5 V* Y课程目录:
" F5 _' N; K- c: ^# P* B A$ v6 }0 n$ j01.课程介绍
X; [8 ?" C/ E02.webpack简介$ B. ?( \. h- g3 H1 P9 F$ k
03.webpack五个核心概念
5 |: \* W( _; t! u" o04.webpack的初体验, u" Q. d$ k- `& p" c
05.打包样式资源
1 h- S/ a8 \2 O/ J! x5 W06.打包html资源
& F# x/ j* q& H5 x A07.打包图片资源4 H/ o- \$ t$ H9 ?1 ` }
08.打包其他资源& R) N- ]& H. n" O Q# U
09.devServer
: c" R: ^* k _10.开发环境基本配置
2 j+ s' ~- b% L" R( D9 k11.构建环境介绍# } y7 U+ V' @; S, n
12.提取css成单独文件
! }3 j! J ~& j: {+ X9 g13.css兼容性处理
6 e2 V* b$ w& T( j# X5 p14.压缩css/ [2 d6 l- E! Z+ |) G7 ]9 o0 @" [
15.js语法检查eslint& ~/ s" L& k6 m' \6 t
16.js兼容性处理eslint
$ }# C0 w6 B5 [5 [8 _$ \5 G+ ^17.压缩html和js
6 }' _ o% v3 w5 x18.生产环境基本配置8 I0 v# U9 Z; J% `7 G- D
19.性能优化介绍
: z( o- J# {( Q* Q9 X20.HMR
+ E. H+ E2 h0 ]9 r: E6 i21.source-map
4 q! P5 z" {% C% a1 R/ o* H22.oneOf' Z6 ]3 D7 W$ X: g* R
23.缓存$ g- P; k: O$ a+ P8 ^
24.tree shaking/ J& { L2 S0 m [% T! I* Z
25.code split# Z7 D+ T/ T# Z* Y
26.懒加载和预加载
+ X& C# ^9 q8 G0 s7 Q27.PWA
% t3 H: p: P. ~28.多进程打包
# T/ u4 t6 U1 F" [# a. \9 g1 n' |29.externals
" U1 Y: P$ x$ p; F- r/ t: v% ?30.dll' Q* g4 s7 @$ y F G
31.性能优化总结0 m) A0 p( c; Y# s
32.webpack配置详解介绍
# t+ C: L# |6 v; \8 K" U+ k33.详细配置之entry( o- @5 V/ n8 |
34.详细配置之output# C8 {4 ~: |7 h0 l/ r
35.详细配置之module/ K# X0 W8 V* y& Y
36.详细配置之resolve
: S- w7 Z# j; G& J6 G( J$ Z: k37.详细配置之devServer8 H, G6 n- Q! `3 l/ Z
38.详细配置之optimization
) l0 |6 f3 s' }9 S39.webpack5介绍和使用
0 E* C* u( P% O% A* P40.总结webpack. | }: t( M) l% H4 D5 v( p% y
" o( T8 ^2 s: b
|
|