|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!- N- j2 L' w* |( }# R8 g& N
课程目录:% f2 L9 G8 d+ p$ V$ v
01.课程介绍8 i4 [- h1 p" z# X
02.webpack简介( S( z. R% s% A
03.webpack五个核心概念 J* q7 z, [3 b& a) l- w
04.webpack的初体验- Q8 c# Q ]1 x9 K- R7 f
05.打包样式资源5 H& [0 W7 Q% @4 i! _# X
06.打包html资源& Q: N3 j! y3 K+ i% k# [2 t
07.打包图片资源
8 R3 W a/ g( o' n08.打包其他资源
5 S; c( x- R8 J3 l09.devServer
- r' |% q1 Y, o% o+ H: u10.开发环境基本配置- v5 I, E- [0 X; E
11.构建环境介绍
9 h% |2 P" \$ r( r12.提取css成单独文件3 t0 ?& M' s9 l0 o
13.css兼容性处理
' U' k) Y8 h. d5 ?14.压缩css8 R$ e5 Z# y0 h. ], E, g
15.js语法检查eslint% W) V0 S b- |, d0 S
16.js兼容性处理eslint- _( L1 C+ ^4 q1 v8 I& V
17.压缩html和js
! u! Y! f8 u# F7 s8 [: ?7 H3 Y18.生产环境基本配置
+ h& a F3 C, l+ D) k0 ]/ j19.性能优化介绍
/ ^+ B2 N' G4 M$ H20.HMR
3 q* F+ g" a7 Q% ^& j21.source-map
0 N8 q5 f7 C9 Y0 Q22.oneOf7 a: C! ?" [" \) x3 c7 X
23.缓存+ T; M& D: o6 v8 K6 l% t" ]
24.tree shaking( S6 B5 x! Y+ U
25.code split
0 P' E2 J6 P, d26.懒加载和预加载, G* g6 ^/ d. ^+ O# }
27.PWA( m( I. V) Y+ z; d- g2 h: R+ y
28.多进程打包$ G, J& j2 ~ t+ y
29.externals: s5 `1 B* P6 _( c9 ^# V
30.dll: t8 T0 z: E7 R
31.性能优化总结
4 n4 `* [4 B9 }' X1 w! w32.webpack配置详解介绍* I2 _6 m, w6 m! t' ]% b& m
33.详细配置之entry
; K% W7 I; o7 ?/ q! f8 C* ~# k34.详细配置之output
6 i+ D0 F2 }3 Z! u( O( q) @/ i2 H35.详细配置之module5 r' n4 G& V, O; b2 W D! x
36.详细配置之resolve) Y+ v: Z7 P. E4 c
37.详细配置之devServer
. F" u2 @% ~# m38.详细配置之optimization
" e! z" }" q7 ~4 Q39.webpack5介绍和使用
# d; ^5 a2 u. [% B0 z% g& z, _40.总结webpack- i# l2 h2 V- j" E) H
7 b4 S" |/ i( S- M% S
|
|