|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!% x' B$ z# P4 Z: @
课程目录:/ n. T2 @! G* U) s6 L2 `2 G
01.课程介绍" k# r& t9 u) s' L0 @& k5 m
02.webpack简介5 D$ b: ^7 T+ Q2 G
03.webpack五个核心概念" K9 d6 ?4 V8 q. x
04.webpack的初体验
- _2 d/ v& N/ m, W; \( w05.打包样式资源
/ p9 B a% u# K2 ^) ]06.打包html资源. O) @, m! f9 o5 |3 M
07.打包图片资源
0 f3 U& A+ |; r8 P9 p4 `08.打包其他资源
F6 R9 l8 |1 z3 b% t7 A" X; W09.devServer+ N6 p3 z7 d1 p0 j s
10.开发环境基本配置
- ^. m; C) c! S; H7 G' g1 e11.构建环境介绍9 q: Q+ T0 u# N$ N* }: p0 l, L
12.提取css成单独文件/ Q; E5 L3 J; N# `9 _; Q
13.css兼容性处理
5 J2 N2 Z' J- I' G14.压缩css9 C- c5 k8 C; i9 r* ` G
15.js语法检查eslint
! @+ o! `6 h! o+ a4 J/ P) [16.js兼容性处理eslint
/ ?6 q6 K/ U$ C7 W0 K17.压缩html和js
9 {5 a# k; i$ P& s18.生产环境基本配置 U# O. J3 d% `9 R* j
19.性能优化介绍0 E: f$ O- D: p, s1 |! ]# M
20.HMR$ i" e7 j3 f# i. e- v' h+ l
21.source-map/ @% f2 _% D- c1 Q! n& U
22.oneOf4 K* o8 l" t9 K7 p
23.缓存, s# a- H F5 @6 ]
24.tree shaking) T, m5 v# w4 G
25.code split0 U; ` c o5 E
26.懒加载和预加载2 q0 Q! D% Q& M! }$ K3 [
27.PWA
6 a7 \3 c y* V2 Y28.多进程打包8 G& o0 v w! S" `* A
29.externals$ J% `0 n4 R1 Y2 v6 B; C0 ~* S
30.dll/ |+ H. q8 F1 ~- J
31.性能优化总结/ Y5 r" @4 [# }6 o& \7 y2 I
32.webpack配置详解介绍
D9 c* J6 i! e0 S33.详细配置之entry- E6 c: _$ K3 s) M5 a T( B# \
34.详细配置之output
& @# k d6 W8 q/ L5 v( a35.详细配置之module
8 ]& U8 }: Z( y J5 T" ^36.详细配置之resolve
: d5 V; d& T. a37.详细配置之devServer
, Q4 {5 q; N: ?; m& i" @38.详细配置之optimization$ A5 u- s+ e7 V" y3 X
39.webpack5介绍和使用8 z& K z( I* m: ]; T- C' b6 B
40.总结webpack
: k1 _% f2 v" w/ c' \ 8 v& N; T) T6 D$ `& e
|
|