|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!! E( Q4 y1 e0 s n1 _; T9 _. H
课程目录:5 J( b' T! S+ i' [9 [4 w
01.课程介绍
* }) z0 e. O9 W6 T5 z02.webpack简介
! o9 J+ P: v. p7 B7 Z/ v03.webpack五个核心概念
; `. [2 {6 B) Z p8 n) o04.webpack的初体验
7 C! Z6 I; [7 C1 @! w. M05.打包样式资源
1 X! F. H& k* b6 N2 A1 i06.打包html资源
% { h& w- P* z# @ F9 C6 n g07.打包图片资源0 ]+ b1 e3 y6 c4 F
08.打包其他资源
' b3 B8 a; R9 \7 | ]09.devServer
9 @( b* A8 S2 D5 p6 B10.开发环境基本配置) ?8 |9 B8 U/ s5 V
11.构建环境介绍
$ \5 r% e' z; B1 ~3 Z. j( }6 K12.提取css成单独文件 O8 q5 \. n6 O
13.css兼容性处理
H" \9 z" V* r14.压缩css
2 G2 \0 y' t+ U! c4 D# P" |6 z4 M* S15.js语法检查eslint% _6 N1 u, ?2 w8 L
16.js兼容性处理eslint! k; D3 G/ S+ t3 l
17.压缩html和js
' r9 l% o, G7 }" H18.生产环境基本配置. j9 I( j+ f: S" V
19.性能优化介绍
4 Y! U, U, U* w20.HMR: {) W( K! ~7 B% |) A
21.source-map
- b: n( A3 r/ a D# `- ~22.oneOf
2 c: l3 i) A) _7 s( J& u23.缓存
+ e0 v1 {8 ~! O24.tree shaking
, K3 T8 A! j1 `# k25.code split1 g! H4 N( [9 Y5 X2 m
26.懒加载和预加载
) K8 E K' H# c7 d! H6 r: u27.PWA
" X% Y% `3 D/ r8 X' h2 r28.多进程打包
* E5 v0 N/ Y( c, n29.externals
( i# @. U, a; o I1 F' C& Y30.dll
' U/ r% [8 b1 O; Z. {31.性能优化总结 M* d3 Y# P' U2 g1 S+ H- Z o
32.webpack配置详解介绍/ h ^4 f$ u3 [8 C* e' _
33.详细配置之entry, W# A' S' r+ P* U& ~
34.详细配置之output- F. \; _) w; |" ]& C
35.详细配置之module
; b2 } t8 B2 J2 ]& H. j36.详细配置之resolve
% u5 P$ m% z6 h( }' A6 s37.详细配置之devServer
# p1 B0 P* d: X/ z38.详细配置之optimization
2 S0 M9 X- C& M+ Z k+ J' Y39.webpack5介绍和使用
- b/ ^4 M; s6 i5 D40.总结webpack
: S) T& s1 M8 V5 O0 w" ^ . L* b" D3 R& _/ t1 i$ N: `" q
|
|