|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!- R6 a: Y. N: j7 ^8 j
课程目录:! @: {; U: ~! T4 l0 x) G7 ?
01.课程介绍0 B0 a0 _1 g0 {; b
02.webpack简介
5 [- U5 K6 x+ p q" W! n$ j03.webpack五个核心概念- z/ N2 ~4 t; K8 R; T% }5 `
04.webpack的初体验
0 a+ C2 S" g' V+ E% y, A! R05.打包样式资源. P6 @% q$ {/ E
06.打包html资源9 _ i; n& V* H; E& s* F
07.打包图片资源. ?( b) h* {, v& z. ?+ \% W
08.打包其他资源
9 x' r2 J: o/ u( I2 `1 X09.devServer
- r u2 a2 Z7 _: g) e10.开发环境基本配置
, c" d- t1 t+ b% R11.构建环境介绍+ U# ]3 V, g$ d' c8 ]2 A$ J
12.提取css成单独文件; e' |1 \/ z- g/ |. S) {
13.css兼容性处理' N- {3 ~: w$ v
14.压缩css5 N! x, S F) O4 H; Y
15.js语法检查eslint1 m! X/ p$ q1 D( u% s7 f) G0 O
16.js兼容性处理eslint7 Y2 t0 B0 Z! O9 f
17.压缩html和js! C8 g' i% H2 f$ V, |# E. _
18.生产环境基本配置( \2 o% A* x) d$ E9 ^/ V
19.性能优化介绍
) a8 v E4 b' V20.HMR" ]. X$ E. i0 Q3 Y: v5 \
21.source-map8 r8 ^% u+ G4 w8 J8 Z5 ?2 v
22.oneOf
$ ]8 v6 f" r7 f23.缓存
% c7 O9 E, p- S" d24.tree shaking+ h0 Y% b0 r+ J8 y0 \5 R
25.code split
! I M1 y2 s" ~, I1 _: ~26.懒加载和预加载" I3 L; J) V8 J; N- `
27.PWA
9 {: \6 o# g) G5 x28.多进程打包
0 B) |' Q- G, Q( O) ^29.externals x3 Z3 Q6 I0 n) K+ A0 P8 f* Z: H
30.dll" c' S- s2 e, S( m7 i! P
31.性能优化总结
5 ]0 ]) d; X# p7 v% [ D32.webpack配置详解介绍& J( K$ x) y$ l+ [+ z; X
33.详细配置之entry& }' v& _' ?7 M8 w& C+ c
34.详细配置之output
. Z# e9 R3 P6 ?; @8 T' F& S35.详细配置之module
; L+ [/ H) Y4 d" S: K36.详细配置之resolve: t5 {; q" z1 A: A# S. C6 |
37.详细配置之devServer
8 g7 F+ K+ l0 P6 B3 `* W4 |/ t& N38.详细配置之optimization
}- |. d' R w4 ?+ `& w# ^0 ~- y39.webpack5介绍和使用' b$ l% L6 p8 Q+ N$ g" b3 |
40.总结webpack" ?, r( {% b7 T: e L
4 J6 P, }* E* ?2 O {6 ?. v
|
|