|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!( q: W+ t" H/ G" A
课程目录:
/ [# N5 O. G% N01.课程介绍
2 ~! b: L+ [8 S# Q2 ]' o/ @/ L9 Q02.webpack简介; n1 o# i( e7 P) s$ ~
03.webpack五个核心概念% b; H6 r( M: E+ ]5 \: L
04.webpack的初体验) i9 G1 N2 Y8 W+ h D6 U1 q+ n
05.打包样式资源7 ~9 p G& v! H1 b; R1 }' P( K
06.打包html资源: @+ ?. ]0 S1 `
07.打包图片资源
% P! a# z% y8 t: l1 C08.打包其他资源" ~% R; u$ c* X7 j
09.devServer$ b$ f; A* N& y8 G5 ~. b
10.开发环境基本配置2 H. z3 B6 [: s* Z! |( ^; h
11.构建环境介绍
9 p2 c: n$ Y6 [8 o5 y/ E, r12.提取css成单独文件
! N1 F3 _- U! q8 T1 S13.css兼容性处理+ L/ c" k% C0 _/ {9 F
14.压缩css
# }* g( ^- K% S. }8 e15.js语法检查eslint
! F3 P: h% V" u16.js兼容性处理eslint
. u c U, \* E2 Q! @- H5 q17.压缩html和js
; O8 `. W6 y( i4 M18.生产环境基本配置
1 @9 Q6 T7 h- u$ o( b0 O19.性能优化介绍
( m5 X3 N- X- E* C+ n* v2 l20.HMR# k9 V L$ a3 ^/ `& s) Z
21.source-map
" q$ ?- |. K2 Q/ _22.oneOf% L- C( l$ m0 ]3 J9 K
23.缓存
' `' {* k& Y- x& O1 k24.tree shaking
. a4 p+ A$ L( ~& L25.code split8 v9 A5 l6 H* o" V* M w; Y
26.懒加载和预加载
8 @0 M6 j! {# O, g* n) k- x27.PWA. Y! ~+ Z# Y0 c: o4 ^
28.多进程打包
3 H) s) ^, B( w9 w& t29.externals
( F) I Y) d" d+ ?' q30.dll
6 d# f) ^: B4 `0 b& P4 {31.性能优化总结! f2 v( x+ m8 s5 Z X
32.webpack配置详解介绍$ z! A' _1 @5 d! e7 v3 t' p
33.详细配置之entry
/ b2 a: p+ y+ I7 l3 _* {0 L" d/ J34.详细配置之output. ^8 I* T5 Q+ ^. a/ t
35.详细配置之module4 J& q9 U1 p; `9 L% J& y
36.详细配置之resolve
1 i" ]3 R+ x% y. e) _37.详细配置之devServer i; m/ ?4 r& L
38.详细配置之optimization
2 |8 \" m. O% g2 C+ u/ U39.webpack5介绍和使用
1 {* y2 _0 I# d4 ~' f40.总结webpack! `" e# R' a( R) i+ @* U/ c/ h
9 w- U) m6 n) {# V) C% }
|
|