|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!1 R' k2 d9 T' B+ q1 I% P6 n
课程目录:2 Y/ ?. G4 p# Z$ m2 Y
01.课程介绍# Y7 U" m) x; e7 m; ^
02.webpack简介
- Z, ]' x9 s$ I7 c8 z. `6 Y03.webpack五个核心概念
8 L" K+ [% P& ]8 E7 p04.webpack的初体验+ x0 a: z/ d/ n- F( O$ F9 E
05.打包样式资源; k, C* g1 f$ _, Z( P$ u
06.打包html资源
3 T2 q* {; o0 t+ A' {& {07.打包图片资源
7 n4 ^2 {) u& `/ x, T n08.打包其他资源$ y! W; H5 L' g5 ]
09.devServer0 A2 q3 x% Y! \
10.开发环境基本配置
" ]- a- h& a& o11.构建环境介绍
, C9 y) m: V/ R, w+ M; O Q12.提取css成单独文件
1 r( G0 J# O# r# ]' m! U13.css兼容性处理6 q w* _4 T: Q1 P& S
14.压缩css8 U: e, `$ s8 d- J9 F8 W8 P. l
15.js语法检查eslint
3 R J, P; n; ^1 h$ H16.js兼容性处理eslint
4 L- w- V) Y3 Q5 y3 h# S17.压缩html和js
+ D3 Q7 U/ K! v: [18.生产环境基本配置% {) k3 b. r' D+ \, V
19.性能优化介绍" P! W# x& A+ b$ N
20.HMR
5 |2 v0 j1 ]$ J# f21.source-map" L. ^% S4 \: f' m
22.oneOf2 K- E3 R+ ?& t% F7 v
23.缓存6 V k) ]1 y8 |( U9 F5 q+ I- V( M+ b
24.tree shaking
2 F% I, r) d) ]$ D' j) E$ I" u25.code split6 {# r8 ?7 V" G& Z- Z
26.懒加载和预加载
2 U @: `% ?7 |27.PWA/ m- F5 Q$ H. \0 v6 J0 _4 k; ]
28.多进程打包
/ l- R1 j" U/ H/ F" c) r: f29.externals
- t( _, e9 [/ ~6 n, F U1 T30.dll
( d! x5 L. h$ B31.性能优化总结4 K0 Y. f u0 Y
32.webpack配置详解介绍
7 j' H4 B# d' i4 n/ ^( l0 ~33.详细配置之entry
) v& ^6 k, U) f0 s0 E1 e5 q2 w2 }4 d34.详细配置之output: {2 S, B( t3 [1 _" \8 ^1 Q9 l
35.详细配置之module. r3 W2 o; E9 j) o( n- c/ L
36.详细配置之resolve" z0 ^( ?& B, I. S/ d4 P9 S: @! t9 _
37.详细配置之devServer
3 N# a" j3 H5 c W8 j! {38.详细配置之optimization8 g4 \/ `3 \; K; ^8 s, B# Z7 Y
39.webpack5介绍和使用
. m' a- X+ @" O y* H* C X) l40.总结webpack
# @2 s1 i$ Q# B% L* S
: I d; }) F8 V: l, f
|
|