|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
( h' f5 c1 Z1 v% J( I0 `. i课程目录:# d! V. Z2 R# G$ w
01.课程介绍: }0 d/ F- q9 j0 t
02.webpack简介3 t1 ?' x$ A" j. ~6 ?
03.webpack五个核心概念
% b; k$ g1 X J: i04.webpack的初体验
7 P, r" k/ Z6 Q0 m9 {' i05.打包样式资源
6 }1 [1 y" q6 P0 j0 w06.打包html资源9 u0 P3 n4 @) R3 A
07.打包图片资源
0 n& Y" K* v1 C) R Z0 w e' F2 F08.打包其他资源8 T7 c' P2 {4 l* q9 O: U
09.devServer2 \( _/ c( K2 W; O( q) |, i) w+ `
10.开发环境基本配置
% S! K/ d, I/ y, f( \9 H( m i11.构建环境介绍1 N; H ^6 `: o
12.提取css成单独文件
/ L/ H! g4 q/ A }0 c13.css兼容性处理0 A \2 K0 P7 I) ? b/ h
14.压缩css
- X0 E/ N2 f' Q/ J+ \15.js语法检查eslint
# t8 z( {$ V" C# a2 u16.js兼容性处理eslint
: i5 J& j, C& T17.压缩html和js6 U& k5 Z( X- d( B; r; s# b! E6 Z
18.生产环境基本配置! T2 O; M. B/ B, J1 U
19.性能优化介绍
# L! c# R5 `; K$ s$ e) T+ z4 P20.HMR$ B0 Z" g- r& N6 p/ T) |% P3 {4 q
21.source-map
. ^9 m/ e+ }# _" S v. u22.oneOf
' r1 j! u! o* ?23.缓存& g* K1 d, G7 }6 j3 P( X; M
24.tree shaking
0 c0 c" t: W9 W( u25.code split
' b8 }0 x) I& t, K% {; m1 h26.懒加载和预加载. S# d, R) u* `- X" V' D
27.PWA. ?* R. I: n# W1 @6 D
28.多进程打包
- }5 C, }4 p- @- r0 b29.externals
4 p) I; u, ? g2 N4 J30.dll
" h* ?& C. X; U7 O8 B31.性能优化总结; u0 i+ V; k9 q& ~2 d) @& ]
32.webpack配置详解介绍2 W$ @- S+ i3 t) z
33.详细配置之entry( N* @% b! |$ M
34.详细配置之output" I. L, M' T7 ~
35.详细配置之module: x8 \& B, G0 t
36.详细配置之resolve
9 @: J7 _# |: t; _; Q37.详细配置之devServer
5 ~# V8 B+ V1 i38.详细配置之optimization: ~6 x+ o6 v w
39.webpack5介绍和使用( X, a& Z3 o; O3 K
40.总结webpack, v1 l% s: L$ R) {7 M( m6 y7 j+ j
) ~- Y y) n7 n( p! x3 Z; X9 F0 R% l
|
|