|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
+ n+ F+ q, j J课程目录:% V, U4 @/ ~7 q3 {9 v+ D, k
01.课程介绍
; h* }# P' i6 m5 h+ \" |4 g02.webpack简介
4 E0 k L+ ~/ K( k# I1 e6 B+ E03.webpack五个核心概念
6 u2 s, J6 i2 I \, c# C04.webpack的初体验1 _7 p: J+ x6 S- S! n: c
05.打包样式资源% L! p. i7 [- m5 T' ~
06.打包html资源
( q. m1 i$ m1 Y1 H2 @9 q$ `07.打包图片资源# C. x$ {" N2 `/ t2 ~5 q
08.打包其他资源4 A' x, ^/ B' G( E$ A
09.devServer# w0 q3 m1 {+ l T$ V9 T: Z# `
10.开发环境基本配置
$ O @* W2 Y2 R) ^2 E; m1 F11.构建环境介绍+ b2 i* R8 f$ K
12.提取css成单独文件
5 w" I. @. Z/ Z/ U& |13.css兼容性处理' h7 J) N: E" A9 @( o1 q- @
14.压缩css
' A N; K# B# k8 t( Q1 X15.js语法检查eslint
4 ?1 k M7 R/ X+ ?5 X2 U16.js兼容性处理eslint
, k; @& `( d7 m' i: b! @% s17.压缩html和js
- l& q& r9 e+ M! p1 }1 Y U4 s18.生产环境基本配置- M! X/ k+ L& n- h
19.性能优化介绍
% |' M3 L# A. t+ P% _$ D. Q- L20.HMR) I% h0 E* z, a
21.source-map. [: e3 g( h2 z! E7 G
22.oneOf' @' [3 P# X" V' f$ |* {* a2 U+ S
23.缓存
$ \- U+ V' [, T24.tree shaking
, }/ B) a% E1 D) I- ]25.code split; ~0 _6 t p" V/ [
26.懒加载和预加载
+ u: q, Y# w$ c: ~+ n6 y( i. v27.PWA
8 o5 `" ~/ y2 S/ K* _3 J- S28.多进程打包
3 p) V& j k$ R29.externals! B5 I- `: g6 A8 w
30.dll% _4 p, o, O2 }' x7 z* f
31.性能优化总结
( N! e+ E: Y9 Q5 G- L8 ]6 F" j32.webpack配置详解介绍* M. [" e) B7 N9 Q. _% P) M
33.详细配置之entry6 U" u& W& u/ t5 x. l0 _
34.详细配置之output8 p* ^2 H v: j- A G; l$ q ~1 h
35.详细配置之module
4 z$ f, J" M7 h* P2 R3 r5 o/ G36.详细配置之resolve6 V7 w j3 M/ o9 v8 G% o
37.详细配置之devServer
) H0 y6 X& K6 t2 h* G38.详细配置之optimization
y3 u1 A! r1 Q% J6 M. P39.webpack5介绍和使用/ m5 A: y- M+ q5 I7 C) I
40.总结webpack4 J$ n1 h! y. s9 { t: f
" y3 L% o7 i; K/ C, }- Y
|
|