|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
+ z) \/ `4 b& Q' l课程目录:
1 C# l: M A C; m8 {# ?% S i01.课程介绍# \5 O6 n* x y3 \- a
02.webpack简介
5 `# r. \; s \2 E8 K03.webpack五个核心概念6 K' n q' d6 @6 x) o
04.webpack的初体验
2 z/ g1 Y, O0 n" s d. w5 N' G1 I05.打包样式资源
5 w' e# @7 e9 u1 |0 w+ X$ a06.打包html资源& J9 P6 ?, h, Y1 H2 Z$ \$ B$ \
07.打包图片资源: V4 }5 |! Q/ n4 L+ A7 f
08.打包其他资源
& V* J4 s6 J5 y+ U6 B09.devServer) Y9 A1 d ^ y
10.开发环境基本配置$ `' P' K D1 I/ x: g
11.构建环境介绍6 x# l* W6 S+ d3 H% @2 g4 A
12.提取css成单独文件7 F8 R0 y7 U: v# c) U% o
13.css兼容性处理
/ X' b7 ]8 U7 Z( O* D: o+ q14.压缩css j0 \* K& s4 @7 O
15.js语法检查eslint
3 z- b! a7 V) Q2 K0 f# R16.js兼容性处理eslint" s5 t/ `* A( z; c# I. `2 l* f
17.压缩html和js
3 w/ X1 |( j8 m4 d7 A7 ]18.生产环境基本配置4 S5 z" j8 R, l7 k0 O
19.性能优化介绍* b0 `; v" Y. |9 Y0 ^
20.HMR p+ {# U t: a* j/ U4 T; T- a2 ]
21.source-map
8 L9 y1 ?: y! @7 v$ N2 ~* I0 }/ U22.oneOf- u e k4 g" b) c" C4 k! w
23.缓存* i7 A8 C( l7 a
24.tree shaking
7 {) b- X1 g5 B! l3 T25.code split& w5 h! Z k9 n( p) }8 a6 ]
26.懒加载和预加载; z4 f) s B+ Q, W1 s
27.PWA( i$ G T4 _& G) v! D* Q* r
28.多进程打包: t% B! s' U) o$ @' p% y; t
29.externals! _! u# q) T% [6 ^# L1 o6 W
30.dll
/ j! a5 U @1 z+ _& q- b31.性能优化总结
% R* B) t" F: m- |( @32.webpack配置详解介绍9 i3 A5 y* K3 A
33.详细配置之entry3 R/ w/ l" Q6 v; o6 L
34.详细配置之output
* E' l- P$ B. X' N# U0 p: Q35.详细配置之module& N% o) a' ~0 f( i& f
36.详细配置之resolve
# x2 c4 v( i2 w. O" E8 W( l4 A; P37.详细配置之devServer
$ v" ~2 R4 U. q; {38.详细配置之optimization
3 r! j5 R# T7 e: l6 r$ |6 l# Q# e$ T) }39.webpack5介绍和使用9 \/ M9 S# \5 B& j8 T8 u
40.总结webpack# K. u3 W# v$ c9 s) p
# [- }4 L! \# d7 b
|
|