|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
# [8 ^, z9 p0 I& D课程目录:
' V" T! o2 _) x/ |+ I01.课程介绍
8 R8 v8 O* T8 \+ w02.webpack简介3 N; w: T5 h* W
03.webpack五个核心概念
2 t( m6 a% B3 g$ B5 _04.webpack的初体验
) E: N% `1 \; s; g. L4 ]4 p05.打包样式资源( [" f/ ^- T! }' X8 H/ d
06.打包html资源' c7 T, |- J* J
07.打包图片资源
: [ O, r+ i5 V1 G7 z5 i: }5 X( j9 e0 z08.打包其他资源 `7 X1 [, f7 q$ b, d
09.devServer
" L# [2 K3 Z5 T/ Y6 n10.开发环境基本配置2 ~: w+ K8 {0 n0 u) c. s
11.构建环境介绍
: B: ]6 v Y n8 u! K+ @. C12.提取css成单独文件% Z/ ]1 P1 C6 U( w4 Y
13.css兼容性处理
- a, d+ \- j6 W* e7 V1 P6 S" h; o14.压缩css h7 j7 `1 d0 o
15.js语法检查eslint
0 t+ i- P( h8 S* M16.js兼容性处理eslint
" e, q6 t; ~7 e8 {' O$ |# k17.压缩html和js, g& o+ K8 T( ]$ Q* j
18.生产环境基本配置
% q. A/ l8 D l: D2 Z r+ B19.性能优化介绍5 L& V. U X7 b8 {( k$ p
20.HMR
6 X8 ` @- U/ D& x; }5 V! s, ~) r21.source-map
- M0 T+ B9 @3 R, b- ~$ m22.oneOf, }8 z' A. | E7 t, Y0 f
23.缓存
: r' d, E; z; N6 U6 u. t C7 ?24.tree shaking' T5 [; N2 {" b: T1 A
25.code split& Y: ]4 `% J: r N7 P0 `
26.懒加载和预加载
2 I, ?. f5 f; U' D" w27.PWA3 _ r; V5 p1 T2 W; \$ x
28.多进程打包
; B7 Y# s) `! Z; `( I9 ?29.externals
/ h$ A9 W9 O6 n' U% G$ @30.dll9 I" g- v6 w7 R
31.性能优化总结
4 E; X- K8 |) y32.webpack配置详解介绍
$ ^5 N" @" @. H, E( {) B9 }$ }' V: g33.详细配置之entry
# J8 a$ m: ~6 i+ t& W34.详细配置之output
( t" O: @" {( ?" @8 p( j35.详细配置之module4 P: U. V7 g' J7 T) I$ x2 |$ `1 v
36.详细配置之resolve7 ^: J2 ~& [: J/ F. C
37.详细配置之devServer- C d$ s1 ?% R6 _& r. @$ B
38.详细配置之optimization' U1 Y' U$ x- D+ _
39.webpack5介绍和使用
) I0 c; D5 V F4 x E2 f" C6 i: U40.总结webpack$ g# a t$ F6 y) K% K
7 s% i* V5 A7 d3 v4 z$ i1 N3 {0 u
|
|