|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!- }/ ?& d: a5 ?+ j @8 w
课程目录:
6 T+ q! o" Q, p* ^- _0 z& g01.课程介绍) f& D2 u: P! J1 T% \. s. X
02.webpack简介5 K. d5 @. p# ]8 @1 J
03.webpack五个核心概念
$ x; v3 Q8 M0 M04.webpack的初体验1 F4 P1 t I5 y
05.打包样式资源& E$ t; Y% V; x; ]8 k: }
06.打包html资源; Y [* y& J: v& ~7 S
07.打包图片资源
# g$ f+ A2 |( @& Z! O& Q r9 Q08.打包其他资源6 l# I; `; l- S0 C2 Q
09.devServer
- g! L' B; @- g K3 S2 t10.开发环境基本配置
4 M, e- e) h# ~ _11.构建环境介绍
7 \5 [. t! C/ a12.提取css成单独文件/ |4 P: u4 u) e8 P) t' I
13.css兼容性处理! ]8 ~4 S7 `$ X7 i" D3 o
14.压缩css5 W6 |, o& k; k( | G- N
15.js语法检查eslint- {- H4 ]; S; n
16.js兼容性处理eslint
) c' A# q! B/ y& K6 D17.压缩html和js T) Y8 k1 E( I% c+ [1 ~+ G S
18.生产环境基本配置
1 |1 _) V+ |7 q; g$ I2 M, R. z6 a19.性能优化介绍
% A/ }+ K# g4 T2 `& J, P20.HMR- y4 _' q" ]( ~- d
21.source-map
1 h/ y. q2 S# ^ N7 h/ g22.oneOf$ E& h4 X S' }, `, F9 _
23.缓存
- u3 H7 c% M7 d7 z24.tree shaking* p. l4 }- O/ M5 v
25.code split
+ \7 J, t" O4 h26.懒加载和预加载
) `8 u6 A9 \0 X8 w, P27.PWA+ n" a @1 N4 o
28.多进程打包
7 ^+ J6 a# |' y; N1 G" {6 |29.externals- r4 Q. M- C+ x+ C2 {) i
30.dll+ V+ |' y1 H2 Y
31.性能优化总结
( Q" [; Z6 Q0 u32.webpack配置详解介绍
" c: v( e' j: D5 Z' w33.详细配置之entry! u6 ~9 y2 [ c7 X7 c( O
34.详细配置之output
: F4 Y# Z- b1 o# ?5 A& U: F35.详细配置之module
3 M5 e7 x! j! `0 @/ i2 T36.详细配置之resolve
5 B, N+ b( ]1 T# Y7 q. ~37.详细配置之devServer3 P+ X: l# v- @1 d+ _
38.详细配置之optimization; d- @) B% M$ h
39.webpack5介绍和使用" A' n% c" y% T, u0 [/ P5 H5 J
40.总结webpack m; O- v, J- v- _3 ]: N
. Q5 \. X5 Y$ h* i! P
|
|