|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!/ ]8 I- o- }/ X" H) b1 r
课程目录:
6 H5 p! m7 Z7 n' ~" O9 _01.课程介绍
# l8 y' `. l: ~* y02.webpack简介
$ `% A5 S; _1 k& @- H- k+ o03.webpack五个核心概念
& ^4 N0 E" O( V J. K: ^04.webpack的初体验+ r# {$ x* x) ^7 ]# B
05.打包样式资源% ^* p7 q& V. J1 O! _6 a
06.打包html资源& m: A, x2 c: {- b# {7 } t3 Y5 W
07.打包图片资源
( q( ]: ^+ p. ?6 k/ |% x08.打包其他资源) c1 I5 S, f7 g( L/ u; |
09.devServer
0 ~3 Q9 @' I, }/ S0 ` F10.开发环境基本配置
( ~' n2 g; U+ a) z. |/ e11.构建环境介绍
3 X# {. O- ?9 Z5 s12.提取css成单独文件
1 B' R: ?2 S5 J13.css兼容性处理
: Z( v& Y2 G7 f14.压缩css7 C' B* m* S6 Y- W: J! U
15.js语法检查eslint4 ^2 E) Q: R7 s# T
16.js兼容性处理eslint
8 l1 x" v$ T' w, K17.压缩html和js
' _4 x' p% t* T" u0 h/ T: I18.生产环境基本配置: O8 X, L, g, {
19.性能优化介绍
0 `# I8 L+ W ?! b0 a! e" z# T20.HMR
! a3 ?) w. s6 T: f* a21.source-map
! I2 w$ c4 w) t {) Q* G22.oneOf+ I/ a# D+ ~* y& }
23.缓存2 c4 b. q. C& N, U1 H5 C% m6 d6 b
24.tree shaking" e- b* A9 z8 `/ G4 j% W
25.code split3 Z4 h( e8 `2 J2 m3 b3 f" R2 I
26.懒加载和预加载
6 v4 l- \7 | y; r* O+ @27.PWA
: ^: `0 X# e8 m) G2 i; [28.多进程打包( u" ^- o* V: q1 S! H% n
29.externals$ [% x( K8 K% m+ t& E( z& |' N
30.dll% n" F/ w: U3 t: A
31.性能优化总结) G: z2 p8 E: Q- N$ S# m
32.webpack配置详解介绍# t7 y* U# K0 G; N& W) O: q0 V5 p
33.详细配置之entry
. }6 X+ t$ F" {/ d34.详细配置之output
/ r4 X/ R9 J, n" Z6 U9 k; V* F35.详细配置之module
( o- x4 N1 p' F36.详细配置之resolve7 f* }8 r! z: P0 \% h" ]& o
37.详细配置之devServer7 e6 n7 I2 n1 h+ w
38.详细配置之optimization- t0 H. C/ J' [+ R$ {3 y( E
39.webpack5介绍和使用
: H- x7 p+ R+ f, j+ K- J+ k: q$ }40.总结webpack
- v" W- Y' e, B( T5 L% z
3 X% D/ O* \$ R8 O
|
|