|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!6 K# q5 h; M# d3 R
课程目录:& ?2 f5 Z9 P- \9 ?; Z: V$ w
01.课程介绍
! F5 I5 r# o' k02.webpack简介, t% @2 [( o# ^
03.webpack五个核心概念; g! e2 T" G3 T, N' O7 ^! |
04.webpack的初体验
/ K2 X0 Q9 l; q4 O g& R05.打包样式资源
" h2 J u( c$ R2 R06.打包html资源" Z! W/ z( ]( a! C7 Y" s
07.打包图片资源% `- A3 L6 P- f
08.打包其他资源
& w9 s: w4 ~; j: _1 W9 D+ T5 p09.devServer/ x4 s f; u2 ?( I+ k4 p8 z4 }3 G1 i! q
10.开发环境基本配置
$ n* {9 \2 q+ G" O# M11.构建环境介绍
- S+ u1 M$ l! _! N# U( X8 c12.提取css成单独文件9 R" t% Z- j* J( v- P5 ^/ H3 Z1 M
13.css兼容性处理
0 N! z0 P; B9 }! b ]: B+ f& V2 ^14.压缩css6 u M, M2 ?% F3 a' a
15.js语法检查eslint( ~( ]' L8 L0 n2 n' [1 F' ]
16.js兼容性处理eslint
$ @( G% J: i0 \, ^17.压缩html和js
. h z4 ]; `! d5 `18.生产环境基本配置
8 U: s M7 C, T6 x( Q9 Z! G19.性能优化介绍
& I% ?/ p1 g! D4 g( k. P20.HMR
/ X$ y3 F1 G/ @7 G! x$ ]: f# ^21.source-map
/ ]; u! }# r/ F/ |# [22.oneOf( _$ O, O; Q3 g/ g
23.缓存
# |0 I g( k$ F3 `24.tree shaking( ~# r6 A; Q& E: n4 w. m' a2 |# H
25.code split0 O; ]6 X5 j; D: a3 ~% H
26.懒加载和预加载
- \& p2 U* V& x5 @, f \27.PWA5 f$ g# u3 y7 h6 z7 a6 p& l& t
28.多进程打包0 i0 W6 D w' M9 e d
29.externals2 h7 b" r7 N' w) L) j+ @: P+ ~& P
30.dll8 d% ~1 @0 m& Y( W/ n0 Y. _- B! u$ E# D
31.性能优化总结3 t. A, S8 V6 T
32.webpack配置详解介绍/ ~5 F8 m7 ?8 }) L' E: h4 g1 f
33.详细配置之entry
: G3 U, E8 t' A( I3 T4 s34.详细配置之output
6 C7 \ r& Q0 i$ m. O35.详细配置之module
' Y8 h y# O a/ L- ]36.详细配置之resolve
1 r- U8 @7 d) G37.详细配置之devServer
- B- ~% g) ]8 v/ ~; U# S38.详细配置之optimization$ P- L. q1 f& _1 d/ t. o) p
39.webpack5介绍和使用
$ F. ]7 w2 J8 I9 o( a40.总结webpack" w Q& g6 [0 r: J8 w
* Q0 Q4 ~0 @* K0 w# z
|
|