|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!; L: k( T# j3 s' F
课程目录:3 T5 `4 q5 T- Y! \6 k! ?
01.课程介绍( ]$ y9 P: d% `0 Z+ }
02.webpack简介
. R2 @8 M( Q/ N4 J9 q( {9 p; |' N5 s03.webpack五个核心概念7 h: {. r3 [9 a% n2 }* J
04.webpack的初体验! j. x/ n) G- U, o6 ]5 C
05.打包样式资源, W8 W4 x- B! T! |8 P9 j" S' u+ n- Z
06.打包html资源2 V" w7 t3 L9 ^# [* u
07.打包图片资源. \$ b; d V7 P1 x Z
08.打包其他资源
0 k+ p+ N1 u3 p' @8 A6 g09.devServer* a) b% o. D. T! |/ `9 `* F
10.开发环境基本配置
: t' ~8 N8 D& y! N0 p7 q11.构建环境介绍5 B+ n. |5 f7 Y: j
12.提取css成单独文件
6 z1 E6 I5 b) W13.css兼容性处理
# r( I5 V4 a& H, y1 ?( {/ I14.压缩css- ]" B" [+ X# G. ?+ R
15.js语法检查eslint8 M% H* m+ ^- Z+ o; ^
16.js兼容性处理eslint/ F9 ~0 ?, V D+ |
17.压缩html和js) R9 A s$ R8 F4 r
18.生产环境基本配置. s4 ~9 f3 x/ \# }+ @! K% @& u
19.性能优化介绍
& w8 O% _1 {2 g' S( ?6 }20.HMR
6 w; X' Q0 z9 W# {2 ?21.source-map
, m' n$ ~; I' ?" S6 N! i22.oneOf2 {$ V- L0 S! C
23.缓存! J: c3 Q8 d6 {2 a( R y Y
24.tree shaking
. A7 `7 Z! l9 G) t: f5 x25.code split4 ?" O2 }2 c M V9 u$ |- H5 l
26.懒加载和预加载2 F- w& a8 @) V @5 B' W
27.PWA: R, m" b- ^6 k7 @
28.多进程打包+ }/ G( I( {8 f2 y; ^
29.externals T$ |- f! O5 c& ^1 l
30.dll
, N: p0 l G1 w: u5 s/ `31.性能优化总结; }* a& {* x# R- ?
32.webpack配置详解介绍
$ c3 e; G/ M5 W' T4 k7 K( u3 H33.详细配置之entry
3 k) q& s' D- r1 e9 o5 l34.详细配置之output
% P& H% ~3 C6 s35.详细配置之module: r) U, z9 e& X2 I" m4 A
36.详细配置之resolve: {2 |/ T" t/ {
37.详细配置之devServer8 P+ b5 r d5 \7 p' E- X8 c
38.详细配置之optimization
' X8 q- W5 P! `9 x) O( f* S3 h5 ^39.webpack5介绍和使用
1 V2 |% M( h% h! U* \5 k g- n40.总结webpack% M. E; h5 Z9 E1 u- ?; t& f7 ]3 g
' Y& ~( c+ U# @. C, K: l1 ?9 J
|
|