|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
' t' I1 J; {4 [2 k6 ~% ~% z4 {课程目录:
6 b& T: @6 } [- n0 Y' L: k1 H, h5 g01.课程介绍: b( c7 S T3 f$ l: F* b; L
02.webpack简介
+ M% b- T9 [9 H) S" A6 P+ F4 ~03.webpack五个核心概念3 d5 D* J- _, z% U6 b
04.webpack的初体验0 N1 p4 M; v: Q, S, w* u/ F- Z
05.打包样式资源( h. ^: d* Z* U- P8 o9 S
06.打包html资源
6 e! e4 w ?8 \) _9 Z9 W, M; B07.打包图片资源
; L c9 N9 \4 D. G/ k7 S08.打包其他资源1 c# ?4 t% C, ~% B
09.devServer
2 \/ r6 V. N9 S$ J: |8 R5 i10.开发环境基本配置: U% ?" t8 v! {2 o5 v7 [" D
11.构建环境介绍
) t& D6 v5 ~1 r4 X( C12.提取css成单独文件$ J+ }* S+ I) \2 M( T* f
13.css兼容性处理
$ c# X7 t- O: \14.压缩css
! c6 _3 [( \ y9 ^& C0 o15.js语法检查eslint
. s6 {9 @9 W8 X# h8 s& Q5 r( |16.js兼容性处理eslint6 q' l3 v" o8 L2 a2 t2 }
17.压缩html和js
N* ?9 `: {: ]18.生产环境基本配置
# a/ \( A4 I4 @% l19.性能优化介绍4 l( Z) E0 J$ A7 m: Z
20.HMR2 d, f+ }2 h& i5 V# q
21.source-map5 ]4 h5 ]( u) |0 L
22.oneOf
# Q1 L: |7 _1 Q) U" x7 c23.缓存: y/ {1 r9 K6 s S
24.tree shaking
( J! p* Q3 R5 l: u; h7 |- e f25.code split/ d. g$ X/ h3 \9 M9 E4 Q/ |
26.懒加载和预加载
2 Z% c6 N, k6 K( X+ W; W' ?; z/ ^: k27.PWA
" u6 H- u2 F5 `, V4 \- F+ Q28.多进程打包. Z: a. g3 C& W0 T2 Z/ Z6 e `
29.externals
; ^ G# D5 X5 [% R. E30.dll
$ i7 Q; ? g; g! d31.性能优化总结7 N9 I& @) D5 ]: |3 Q
32.webpack配置详解介绍
8 I: [" s7 a& W, c# X& ]6 B33.详细配置之entry
2 [) c. m6 P: w _2 n34.详细配置之output
3 m4 s+ V& U, a& k35.详细配置之module2 z* R6 }8 r8 Q% ~) _" I( o
36.详细配置之resolve
( {2 Z& j1 t) V, M& [3 i37.详细配置之devServer
# X. F ?6 j/ D& O6 F38.详细配置之optimization
! U$ F M, Z$ X& E% V3 o3 \39.webpack5介绍和使用7 h0 x4 M7 j$ @7 b/ M
40.总结webpack
; u4 u4 O# E9 g( V
" X' l2 u' I O' p+ l0 K$ k7 \4 z
|
|