|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
! v3 i7 i, u2 i3 n2 m+ w f: x课程目录:- ]+ W- {' Y( M M6 w! Q
01.课程介绍
; @$ W9 O6 f+ Z; z# o02.webpack简介& I y& b9 ?* X6 C6 t
03.webpack五个核心概念
L% |2 H+ I3 K* ?/ C- P04.webpack的初体验+ K9 ^/ u j# K# v$ ^5 t
05.打包样式资源
' R' |) v {- l' w; r' u1 M$ g5 p06.打包html资源
4 R# h! ~4 q) [- m07.打包图片资源
* [+ c( u! I: `% _& z# _ M08.打包其他资源
4 w" O! N5 z7 M2 g% F09.devServer& S4 ? a2 N0 W5 ?6 L0 K
10.开发环境基本配置
) L8 k4 q" o& x; {, X- q3 n11.构建环境介绍$ e- J& H) w! R: \0 i+ H/ r* V0 F
12.提取css成单独文件& Q [5 E0 Z3 R5 n% |4 h# b
13.css兼容性处理- m% E9 c, X& w4 _
14.压缩css" u; Q1 S4 ], n
15.js语法检查eslint0 r4 |8 c/ G9 Q4 X% d8 V7 ~* @. Y$ E
16.js兼容性处理eslint
/ Q/ }) Y- l* Y% A/ r. h4 |9 @17.压缩html和js- L p: j* g0 C
18.生产环境基本配置 N& R c! Q8 U% K8 c$ Z- p4 p
19.性能优化介绍 J! j- W- I! q' s4 e7 ~9 O9 L
20.HMR
8 ?! s* S4 _4 N21.source-map
2 s* m3 V: U0 q) V" p22.oneOf
! \+ G! T) A5 l23.缓存
1 b' n7 J6 q* n- M24.tree shaking
- G C, ^' {! N* m: _; f- U25.code split4 k( g# C4 [5 _9 X' L7 W
26.懒加载和预加载
) P( _8 j9 W' S) |27.PWA
, d9 }& A5 r# u, J28.多进程打包
: t. H9 i" ^/ J9 r) s29.externals
3 _; c6 ^* F$ {( [30.dll" _" o9 ^1 g6 N9 {9 H1 {0 D
31.性能优化总结% F9 E& n' V; v: `7 {; Y
32.webpack配置详解介绍$ T ~$ u" a5 y
33.详细配置之entry
! w. a6 `9 V$ {8 r6 x$ x3 V34.详细配置之output
' }. u. Q) O! O35.详细配置之module
) p: \: Z% {/ `2 u, ~36.详细配置之resolve. y; i/ W% ^" W( i8 f
37.详细配置之devServer1 S5 Y. f% f$ B5 `
38.详细配置之optimization" _3 `; n% m f& S/ ^3 e$ B' }1 Y( M$ k
39.webpack5介绍和使用
! u: \8 U9 ?# V8 [- c& E0 r. j40.总结webpack# }% O) }- f0 u9 h& j" v
" }% |! L' l( R2 V, v
|
|