|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
. J% E- A% T- q8 Z0 ~" s: i课程目录:: T& e3 P T# i7 Y2 q0 c
01.课程介绍: U! y# V8 Z# f1 e% g2 E9 D
02.webpack简介. d' ]. x" N& Y* K. d- h
03.webpack五个核心概念
0 {2 J' A5 Z N o6 p; U; {' J04.webpack的初体验3 K: k7 v4 K$ l5 m4 B8 ]
05.打包样式资源
! ?5 d6 Q1 D# k* c! N. \06.打包html资源
2 r) a% E7 R; s! M0 D# q07.打包图片资源( t( l6 I: e1 u! e% F
08.打包其他资源
8 Y! U$ w! X- U2 F' {- E09.devServer
! G& Z3 S0 S; Q& L# Z6 u10.开发环境基本配置
" g x* j X% f11.构建环境介绍" c; i+ b' Z( m' Q! ~* B3 E, o$ E
12.提取css成单独文件
" Z6 l# n1 E" O! J* q" E2 v13.css兼容性处理& I' T; \7 D1 ]0 r! H
14.压缩css4 N; Q; P' w$ y- j
15.js语法检查eslint
* } t. i1 q, o8 g y( c16.js兼容性处理eslint+ ]5 W2 m( K% y5 g+ Y& V
17.压缩html和js% e( k3 A" i T- S6 o: D
18.生产环境基本配置
% X; D) ~4 M7 m3 |0 Q9 u19.性能优化介绍
9 @1 V& Q* K1 m* ~1 p20.HMR
! Z& h* O: {& ]) x+ m21.source-map
9 i* G f" D( y5 }22.oneOf3 {3 S( Q' m9 \4 [: ]' i$ X+ [0 j
23.缓存
% e+ P5 G) w9 F; f9 E7 L24.tree shaking
. a3 u9 v/ |; d& s" u25.code split
2 t. H; T* H# _" a1 c6 R0 b( f26.懒加载和预加载
4 F$ K9 f" h5 b27.PWA" \. }: y- o( [4 o: @9 M0 z
28.多进程打包
( x$ e8 n( G. @+ G' I6 H& e) y29.externals
$ Y& t/ E. M7 B+ j; \7 J5 U30.dll1 f& E1 z2 U) Q
31.性能优化总结6 x& v6 x0 Y( i% I7 [% P- o
32.webpack配置详解介绍
6 N m" o% J6 i33.详细配置之entry* I+ s# k3 `, H, o" R/ C$ X% W2 N
34.详细配置之output
$ w; \- c9 J, i$ t35.详细配置之module
1 P; r& ^8 Y) b5 Z2 M36.详细配置之resolve
+ F& Y9 P- M# h, l" c* k' A37.详细配置之devServer9 A4 [5 G6 }1 ]/ W3 D& Y+ p
38.详细配置之optimization
( U! |3 g8 C7 b8 M5 T1 d3 q39.webpack5介绍和使用
# }. O m. ?4 z) o4 |40.总结webpack) ?9 S) w4 k6 |; O: {2 S7 B
, A' c# H& T P' ]- ]
|
|