|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
- m2 d0 a2 \$ }- v) g7 g% A' L课程目录:4 e' W2 {+ s0 ?
01.课程介绍. ]6 W* L% a& E( e
02.webpack简介1 l4 E- S$ U. r- V* D8 V
03.webpack五个核心概念
1 t7 l' X/ F: h) p04.webpack的初体验
2 W t9 A9 b" S1 @; S! l1 b05.打包样式资源
# q# x% t+ A% D' e9 F06.打包html资源! j4 X4 ^( ^3 g4 z |
07.打包图片资源
9 r) Y1 N% X6 [2 z% @ H# E# j08.打包其他资源/ y) s$ ^1 J0 s; n
09.devServer6 R% J- p! j+ \$ A# {$ l$ U
10.开发环境基本配置
3 V% Z4 R! c8 [11.构建环境介绍9 ?; [ E* C+ J0 G
12.提取css成单独文件1 W% G0 l$ `# v; s+ m! G% s1 n) v
13.css兼容性处理
( A6 L6 {) D' q4 u* q" c14.压缩css
; ~9 r3 C1 `& ~6 N$ `) l15.js语法检查eslint
: v4 }3 n w$ O3 H) D i w( l' _16.js兼容性处理eslint/ r2 n' n& A$ n2 P: @* O
17.压缩html和js) N, P5 N4 t+ P6 X
18.生产环境基本配置2 t$ Z1 m0 K+ s% H4 ?
19.性能优化介绍0 T {) U' z, ?3 j
20.HMR% O; j |( ?: o$ F
21.source-map
6 }# @3 w2 s8 F3 R [5 j22.oneOf& r0 I0 I( }) M5 L: V! _% t) _$ w
23.缓存9 t+ ?5 M% Q7 z+ `& W/ U( V
24.tree shaking
" B6 m! I4 S8 l" Y p5 o" S25.code split- a1 K, P" I* t2 o7 t, Z1 {
26.懒加载和预加载
" y! o% G" o# D8 x+ m. Z: L27.PWA
0 ~' g1 ^8 J0 N9 W) s, t28.多进程打包
! L2 a# Z/ i0 L7 M2 L29.externals
. O( c+ K0 S# O* Z0 x. V0 w30.dll( N8 n1 H# B: ^& f# u7 {
31.性能优化总结9 r [# r/ w+ k' z0 ~2 @* [4 E
32.webpack配置详解介绍
: a5 E# t) g% C5 v9 a33.详细配置之entry
. f& I5 z/ y6 w: x4 o34.详细配置之output
8 f/ J7 Z' J$ `3 l5 I* |& G35.详细配置之module3 y" V* G: Z9 r# k, y! L
36.详细配置之resolve
7 Y7 V+ e" ?& g* X4 V37.详细配置之devServer
M5 O8 G$ ` @, j" a& ?38.详细配置之optimization* o4 U9 y. T% x
39.webpack5介绍和使用' y3 u6 \. v# E4 B8 ~7 t, M
40.总结webpack* A8 n- F: c; o2 [' j9 A
* G4 c& p( w P y
|
|