|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!1 }5 E4 U9 b% a' U# Y
课程目录:; Y" s$ s/ C" K7 G2 D) L- s
01.课程介绍
4 v7 ]9 a1 M+ r4 J; Z02.webpack简介9 D. b! v/ Y7 O) u
03.webpack五个核心概念. H9 D4 `) ]" }
04.webpack的初体验
; H H0 K# `& x! y. y$ }05.打包样式资源9 o, {. h+ y0 m; @/ R* J d' B
06.打包html资源- O5 N1 l" P9 Y) U9 \
07.打包图片资源; L! F! Y5 _! q+ H+ v4 n
08.打包其他资源$ ?1 B* x& h, M# m
09.devServer
/ b8 t, m* {4 b* Y/ i+ E5 T4 b10.开发环境基本配置
1 V' V* g8 R/ A3 _11.构建环境介绍
9 H, Q# g4 v' e( O12.提取css成单独文件
3 U4 {9 A/ q) r* P( D9 ?13.css兼容性处理
1 R: ~6 d1 E1 `$ O' Y# |14.压缩css
1 x& e: u3 e1 v* \0 z1 ]! x15.js语法检查eslint
6 s9 ~! K; G1 \4 S1 t& b16.js兼容性处理eslint
. g; D9 _, Q0 C; ]3 D% e* f17.压缩html和js q; r' {9 r4 h. d
18.生产环境基本配置
* z' s, `& q; E. j: _19.性能优化介绍7 s6 ~. p5 c1 X* ~+ I b, @
20.HMR) V# F; S; R$ Z% k% C2 w* z: N6 |
21.source-map9 ?4 J: l. T8 o
22.oneOf1 n L6 ~% x3 t1 n
23.缓存- O/ `3 g) V" N$ w& e+ j2 @: C4 x
24.tree shaking
/ D, A- ]$ Y7 ?( m# Y5 z. @2 c1 |25.code split& X7 [% @) a f1 r% M2 i
26.懒加载和预加载
% O1 x# m2 Y/ ^) ?, R27.PWA
4 }" [/ H* J& ?' |28.多进程打包
- _8 M+ M4 W' O* n29.externals# t2 H! X; h* R% G: k
30.dll! q1 j; y5 V8 R+ t
31.性能优化总结* A4 O! D0 ^7 G( V; X
32.webpack配置详解介绍
" w/ d% d: K( J- n6 E33.详细配置之entry5 N6 o8 E- e# `. f; ?8 ?
34.详细配置之output
/ E; V1 v& n! n# e7 l35.详细配置之module
. h. l+ y) }& E8 ?, i36.详细配置之resolve
1 r# Q0 Y) a& ^' y* a5 w/ t8 W. r37.详细配置之devServer% d8 q9 O: } e6 ~1 A4 [7 J
38.详细配置之optimization% W0 z9 p3 k! P3 i( |" D& F: [% g
39.webpack5介绍和使用7 l3 z2 G9 i9 x- Z
40.总结webpack+ f8 m$ h) I# P; [: S1 t. j" o k4 ?
% d7 A0 V. g8 j, d2 L: H; D
|
|