|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
. T6 S, c/ _5 x" v( a O" x1 M$ V课程目录:
& L7 G& Z0 u( _! t( {01.课程介绍
- m( ` s4 J8 K1 H1 d0 m# e02.webpack简介
9 O& c' I7 u. V03.webpack五个核心概念
. \% Z8 z. W/ A04.webpack的初体验
2 H7 `- G- T; }6 y$ ^1 \+ o05.打包样式资源
, }. D8 x" D7 x; F. c3 _" ?1 {06.打包html资源' U* r U* A$ R$ Z" E
07.打包图片资源
$ J( r5 W: c" i8 I4 G6 ]08.打包其他资源
9 o. f8 A& G, \8 a09.devServer
7 {& L1 W: g! O# t10.开发环境基本配置: l8 ]+ Q6 G+ }" f, I y1 A6 \
11.构建环境介绍
" r8 b# F& D( L) ^* N( C5 M1 R( J( K( N12.提取css成单独文件5 ?; r8 m; C D
13.css兼容性处理
% d. [3 G! W Y/ h14.压缩css
( J2 m8 I! S8 h# X15.js语法检查eslint" Z0 z" L, H0 N$ r
16.js兼容性处理eslint
1 A0 u. C" x7 z17.压缩html和js z6 w' u5 H; M; q" Q7 B/ y
18.生产环境基本配置$ ~+ Z4 S+ i7 W! K" @5 J. ]
19.性能优化介绍
# W' b4 U5 Z) ~, I2 q20.HMR( R. U3 d* A. x4 w
21.source-map8 y9 y1 r* a5 W( F
22.oneOf1 f. l. s: v" u: P/ W6 l
23.缓存
' b) w+ B: x7 c5 P/ h( b24.tree shaking
& z2 Y k9 ?3 O- [. g7 g25.code split
# J( `+ Y% g2 u; `. n* C0 V3 W' H; ?26.懒加载和预加载
+ U' R% G: ^7 K! Z3 i27.PWA# h) g/ @" R! V- d* R& P% S
28.多进程打包$ v, P8 F/ R# H6 e5 j: z" [
29.externals0 |$ x, X; \7 j4 u
30.dll
+ z; I# G8 }2 X+ M$ w" M31.性能优化总结
9 ~; s4 K+ c" Y0 r) I# b. N32.webpack配置详解介绍, ~) V+ i; P, y. ^. I1 [- h
33.详细配置之entry
9 [. e- [( U5 E1 v: w34.详细配置之output- o0 ~0 L' A9 ^ y4 c h( i
35.详细配置之module6 B; f- J' w# B0 D
36.详细配置之resolve
! U) o" f# H" [/ ]% K$ m" ?37.详细配置之devServer) {" [+ x: T% C0 y$ I2 \
38.详细配置之optimization
) \$ d2 b. `' m- h39.webpack5介绍和使用0 V3 |+ I$ J5 Q% E+ G1 o- O1 g! a
40.总结webpack) B2 I# C- s1 I6 A! @; `
7 ~ N) j, I7 E) A
|
|