|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
4 `2 I+ q2 d5 ?6 @0 q3 I, F课程目录:6 A# ]6 `- D% \, N
01.课程介绍% B7 K2 o9 q, m" y* Q) u
02.webpack简介
0 J: S: w: r* K8 V2 o03.webpack五个核心概念
' s6 s8 g% u1 R2 J04.webpack的初体验
& L* V8 m5 C, X/ ` f2 ^; ?: F05.打包样式资源
2 I6 m3 F* G; `2 t9 g- r$ X; N) i06.打包html资源
( N1 l. l8 z; i07.打包图片资源
8 m0 u7 H% q3 B9 P08.打包其他资源( [# ?8 o( M- F
09.devServer
1 Y4 e+ i0 h$ e- i4 G1 f10.开发环境基本配置# M, s# E, g( m( m9 ~; q* c
11.构建环境介绍: z9 l" s6 @4 ]' a( I
12.提取css成单独文件
' ]5 F/ ?* l0 {) M* g) l, T6 t13.css兼容性处理
' v' v8 ]$ F& ?9 Y' v14.压缩css& a: c3 V, R; c2 W. Q. w" a
15.js语法检查eslint/ `, ~1 _# j2 q! @
16.js兼容性处理eslint
1 m" ?: x# G! N1 P4 C17.压缩html和js
& u: v* g. A3 H3 y6 u3 K18.生产环境基本配置, _' a; `/ c( K0 B
19.性能优化介绍
; ~: ]6 _; F1 ]( {! D! f" k20.HMR. P/ a$ V2 `3 a: v" Y
21.source-map
0 `* b8 j# e1 J+ q; Y# {" f. i; V22.oneOf/ ?8 P& i1 t, ?3 c
23.缓存
6 m& K# ^! D' t, V. y0 U E24.tree shaking
3 L. Y: e7 Z& _0 P! n, l9 `7 s; N25.code split
9 v6 H! X5 W; V' l* g* g7 C) d( W26.懒加载和预加载
. K6 n8 a& {/ d4 G) o( ~27.PWA
5 v( L* d/ W* T+ b: D+ n28.多进程打包
& d3 ~5 `( r6 y* j' {* M! b29.externals$ s3 n5 Y% z3 D3 A% J' X: Y3 B
30.dll
/ F- Z8 |% F2 E! i) U31.性能优化总结
* G1 ]! o8 K4 N3 y, C32.webpack配置详解介绍6 D% p, l# e0 U& u) D5 _; {1 \
33.详细配置之entry$ T6 _ \3 F9 Q9 }& p# P
34.详细配置之output
6 b0 d) g7 B' q: L+ M0 ?7 q. q35.详细配置之module
4 O0 G T2 X$ `36.详细配置之resolve
' |# H x c$ o: ]37.详细配置之devServer9 ~7 n" Q( M# X% |6 o8 n; ~$ I
38.详细配置之optimization
( u1 v9 |9 Q7 j& {9 Z5 o- e9 R, }4 U- W39.webpack5介绍和使用
/ A0 ` y5 H5 }8 M40.总结webpack3 ~) A. O5 T0 H d0 x& E: W
& _% F1 A2 v" e
|
|