|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
: u; h) w6 w2 Z5 `! M, s1 @课程目录:( B: ]* B6 p" u7 N9 ?9 S7 c# z
01.课程介绍8 N: u9 I6 T# f8 N, q
02.webpack简介5 b9 [4 b8 m+ W# G/ m& k, m4 ]
03.webpack五个核心概念
" i2 T7 p' D1 S3 i+ q8 N04.webpack的初体验! ~4 L4 M9 C. p6 m) b1 @4 t
05.打包样式资源
& V7 Q7 M7 B/ @7 O1 \. i/ c06.打包html资源- U) e5 Y% Y* `* i7 O% B; f
07.打包图片资源1 _" A* L6 L5 \7 d$ H5 A
08.打包其他资源& A2 B3 n. H. Q6 F4 `4 d
09.devServer, s/ f8 u; i5 _7 ?3 G/ n
10.开发环境基本配置
& u- M) c7 S3 G& ?( L11.构建环境介绍5 C* O6 J/ v3 Q+ ]
12.提取css成单独文件0 {! t: r! F# {( `+ R% e: X
13.css兼容性处理* b" [1 x1 V0 h
14.压缩css Y, ~! m/ }# c3 Y6 M0 v
15.js语法检查eslint% u5 T# ^1 Z) f+ N# U
16.js兼容性处理eslint
$ I# E0 \/ o9 Z, Y6 @9 T" C7 G17.压缩html和js% P& }+ J5 q" G1 w* W& u4 S/ d
18.生产环境基本配置
& p' m, P; S* V' U) [& b19.性能优化介绍
" d: [ R6 P$ D4 K. U/ k, l20.HMR
: r1 b7 g3 w* L. }( c6 ~, q# b21.source-map
9 Q8 L2 _- U7 Q- n22.oneOf
( A! r- F% Y# q# L+ H" H4 T23.缓存/ |, s( Z4 p: {2 i
24.tree shaking
) d& F% x% q5 }25.code split& z6 U4 H6 |- w" p4 ?" S1 R" _# v
26.懒加载和预加载3 t8 c9 K& h# f# R
27.PWA
) d* H- \* Z" m' O. m% b7 ?28.多进程打包8 D. Z# W! u( m; W& ^
29.externals# S+ x4 D. u' X: t- y2 J2 F
30.dll+ Q% B& s5 s* @1 i. b2 S. l: P$ B
31.性能优化总结9 {4 |# R$ s' t& j/ H6 c |4 s
32.webpack配置详解介绍
; W# \2 t6 p5 x. ?! b7 [33.详细配置之entry
$ W* A2 a' m- H4 {34.详细配置之output
3 x" V' Z% i$ k! C8 P35.详细配置之module
" N8 B2 n1 D. t! z36.详细配置之resolve
8 O$ ?1 i8 r$ ^ B; ^4 W# ?3 A37.详细配置之devServer
4 T& U+ b$ q7 }! }6 x) ~7 l38.详细配置之optimization2 ]& M1 t! D: l1 F3 p3 |
39.webpack5介绍和使用( _1 D( I8 l; k, `; {
40.总结webpack6 y4 E" Y d5 W: E2 B
, |! q$ r% z3 Q
|
|