|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!4 o& e" D2 A. K; o( W
课程目录:
: A- ]( I6 N' a! f- m01.课程介绍
) v* ^6 y( B- t- h02.webpack简介
' b7 }4 @% G6 A* S03.webpack五个核心概念
: f/ G5 I+ G- J04.webpack的初体验- l! q [# G9 r* h+ D7 G2 l% l
05.打包样式资源
0 R0 L2 ?! {6 J# ?( Z6 g1 a06.打包html资源
: o) B7 n: B! q1 s5 @+ m07.打包图片资源- R k& z# U1 V) m3 i% N- M
08.打包其他资源
) z9 H, F) \! Z G09.devServer
0 A. d5 | }: N) F' Y10.开发环境基本配置, V: k% }" w) `
11.构建环境介绍: g7 k5 S5 r1 b; s' K
12.提取css成单独文件/ ]5 F# r1 k0 ]! P s/ i
13.css兼容性处理6 i6 w9 L1 a0 s8 {0 m
14.压缩css& A; x' N5 T9 N# c
15.js语法检查eslint; M. K0 B7 f" U6 R1 N
16.js兼容性处理eslint
' L; A; |5 m2 I; _& @2 y17.压缩html和js- C, S. ^5 C7 R F. L
18.生产环境基本配置
: P" l' d3 L9 l# z3 ~19.性能优化介绍
. ]0 B9 p0 l8 g( B7 |20.HMR! @! G) H# q! s. u. ^
21.source-map
/ `! _3 K. n6 h" v# w! F9 @22.oneOf
8 r- r, T8 o* q' N9 M2 c23.缓存, W$ G( F/ F& D [: Z1 L" e {
24.tree shaking0 g0 L8 J/ v# G3 m4 e% ?7 @
25.code split. P4 H; M; h1 H# u* F- X
26.懒加载和预加载+ y) E) n- U* P7 v p5 C
27.PWA
, F. z" D$ T; r- d$ g% l' w28.多进程打包& o; E3 [7 E. J
29.externals
9 r4 o7 N4 f+ H' @& r30.dll) y' k# z& _1 f6 M/ q
31.性能优化总结2 x! V# l" p! i. I' g$ X
32.webpack配置详解介绍
. }5 M3 Q2 p: U33.详细配置之entry& y$ t) u) K9 N7 v& r4 T# q$ B
34.详细配置之output
! C& k4 D/ p$ M; D0 ]35.详细配置之module
2 G7 x- ^, ]4 H; o$ n36.详细配置之resolve
* \. V d0 s( [; T, `/ [1 v37.详细配置之devServer v2 T: i7 o% Y8 \2 |9 P2 P; E
38.详细配置之optimization
: C0 j4 E7 I6 |4 n3 a! p39.webpack5介绍和使用4 k, }. T% _0 S
40.总结webpack, t9 i+ X7 }% t) h- p$ `' R$ J
7 ~: }9 B3 L2 N; C; J
|
|