|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神! w6 k" \& B! h6 u$ U
课程目录:
% q0 [& w+ q# j. d! ?" ?01.课程介绍
5 P6 |; G1 X- A `02.webpack简介
& e& x9 |% `% w; m6 |03.webpack五个核心概念. F( W* m0 m/ X: S9 {2 u! Q/ T
04.webpack的初体验
( E d2 V$ f* c" M( a' W05.打包样式资源
! e* ` [8 t$ X8 P: {1 r; v06.打包html资源" t; r8 P( B5 ~6 s) @8 J: s
07.打包图片资源
- W: S1 W4 t, X' G7 C/ a2 a08.打包其他资源* L0 `6 t& p3 G% A9 j" K
09.devServer
+ d5 _8 K% f' Y! b# ?10.开发环境基本配置
3 a) n6 e7 x. y) u8 V9 b11.构建环境介绍
% p9 f5 \( x5 m( ^" T12.提取css成单独文件
O. r( u H5 l! S13.css兼容性处理# g% R4 Q- I, X8 K4 a, ]
14.压缩css9 J3 w* z/ m+ [# T
15.js语法检查eslint* X+ y3 @0 K4 Y
16.js兼容性处理eslint y+ E6 l( y s& f2 [- t1 o
17.压缩html和js
: e9 Y1 v# d5 T4 h18.生产环境基本配置
( n" w: W7 W% p5 W0 N* U19.性能优化介绍) l8 L0 [7 J$ K" o: H) E0 r, }) j
20.HMR) C3 r9 `2 O; O5 j# v1 |
21.source-map* F* o% P# |$ D
22.oneOf4 Y) y8 j1 I% i) M, L$ A& ~$ d
23.缓存
; e. I& ?; B3 m0 P" ]& s; M4 T24.tree shaking4 v- Q/ x. R2 q% O s7 S. Z
25.code split# k, j! h$ J+ G& i4 z% i8 S& j
26.懒加载和预加载
( B: C. p* g- |27.PWA" I& h- ^" X& B
28.多进程打包$ ^( W$ \% W# X2 I- h
29.externals, v$ Z* L) ^* z) C1 R$ R) u" [, l
30.dll; n( ?2 }7 }2 W2 @" C* }; a
31.性能优化总结: v% O) O) _' O& \4 y) o6 ]
32.webpack配置详解介绍
+ s! U4 v# O6 j' Z/ T3 ?2 k33.详细配置之entry
& V, [8 Z0 i$ Z/ \; P- U, T34.详细配置之output4 M( k& z7 ^+ M1 J. u/ M& |
35.详细配置之module
& A6 s) K, ]: p% v I) i36.详细配置之resolve
, i+ t7 t( F' {, {* d37.详细配置之devServer
) C# E- s1 k/ b5 X, Q38.详细配置之optimization
0 [& F0 X6 a# U+ U% L4 w; x39.webpack5介绍和使用" b0 q3 N s+ X4 N p# s
40.总结webpack3 U) U0 P& l; o, _* _3 A, A
m3 m7 L/ M7 H
|
|