|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
' x) \5 P7 ^& v% P6 h, w4 q课程目录:
) P( F" M& J4 ~$ u% a01.课程介绍
* R' i" I9 S6 X% |% m. w; u3 u1 N02.webpack简介& n: k2 y' a' q, v1 v7 i
03.webpack五个核心概念8 U( [7 p: J4 u+ D
04.webpack的初体验9 q- Z w n/ `/ @
05.打包样式资源$ r* M ?, w! W+ G; I4 t
06.打包html资源
( J6 e3 ~; ^" |% c07.打包图片资源
* v. G- j2 I( h08.打包其他资源
6 n- s) h4 c0 p( z09.devServer p* z) \5 C# N8 S7 O9 }5 Z( D9 O
10.开发环境基本配置1 G) ^ _- m* D9 ~$ t8 i, [& b% P- U1 `* X
11.构建环境介绍. ^( |% p6 H1 e0 ]* _$ ^
12.提取css成单独文件# n0 R2 G' a" M, N. X; | i# p
13.css兼容性处理
0 c0 s0 |$ h" M3 Y5 l$ _14.压缩css. v5 R" p/ \$ L0 ~8 I6 x
15.js语法检查eslint4 l# ~2 d9 x/ L- t: w% `
16.js兼容性处理eslint9 b: W9 I# Z- H7 U
17.压缩html和js# w/ o9 H5 f9 ?" U
18.生产环境基本配置
# V4 P3 G: y' `/ P% _( g# W- [19.性能优化介绍
0 K. X \0 r: \, N6 f+ ~" [3 R6 J1 S20.HMR
, R q- c# w+ u9 e6 M21.source-map- y* T3 L8 P. M- k E! k
22.oneOf4 o/ o2 d% O$ T1 o! l5 u2 q8 l
23.缓存$ \0 y8 l6 u! D* z9 S+ {$ `
24.tree shaking
1 Y, i; i7 _* f- w8 y25.code split
, S W7 c6 J- {* @! L2 ^26.懒加载和预加载
7 c0 q) Q9 w H27.PWA6 \; ]/ P0 C! P+ v( P4 w
28.多进程打包
2 L$ K- k0 L: s- B1 } n A29.externals
e o- j, F. z5 W7 i8 g* y30.dll) @3 T9 q( S8 o* {/ q' U
31.性能优化总结
1 Y# I) u: P: m32.webpack配置详解介绍$ q' d. b7 Y# `: R) r4 }$ z
33.详细配置之entry( q# h; E# [4 K& C
34.详细配置之output
7 O9 \4 R; n- P! k1 }0 b. E35.详细配置之module9 I- ~9 _2 j" p- D1 \
36.详细配置之resolve
4 `6 x: D/ o1 l9 J1 G# G2 T37.详细配置之devServer
& n: o) ^. _- A( h8 a }# x38.详细配置之optimization/ c' x7 p* o0 F) x- L0 G
39.webpack5介绍和使用
1 t( I6 ]0 F" m8 f$ L& b40.总结webpack
u1 ]. j% g5 b- w. M; Q* i ! }0 A9 T% T: Q
|
|