|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!! h. D! q2 J3 d9 B+ w
课程目录:' y* m% [$ E; J. \
01.课程介绍" J) p( I/ D! u4 q9 y" N
02.webpack简介+ m& ~8 V3 k% j8 P
03.webpack五个核心概念6 @; S) B3 G2 r$ _5 g T# `4 L
04.webpack的初体验
" V. @7 P* U- V/ i- @05.打包样式资源( j; G7 G1 ~5 T0 ] k, {
06.打包html资源! J; C0 ^7 i+ Z7 C/ O1 |
07.打包图片资源# D+ [3 v/ E# @$ y* z
08.打包其他资源' V# V: Q; S* _. {
09.devServer& j @. `2 G# R4 m: c% L
10.开发环境基本配置* k) X2 U6 ~# ~1 w
11.构建环境介绍, `& V+ ], p0 y1 G
12.提取css成单独文件
6 c, ^8 \7 r! Y9 C. m& l9 V3 F13.css兼容性处理
% [0 @! G& e* }7 H& t4 {/ a- m2 u14.压缩css
" e j* @+ W( P7 L: z. t15.js语法检查eslint
1 `4 }, J6 C k% A5 X2 P. F2 r16.js兼容性处理eslint4 I8 |0 Y" x' [; \
17.压缩html和js+ J0 l6 F, M1 A% o' h! N) ?
18.生产环境基本配置2 X4 f& w5 d. y% F7 b
19.性能优化介绍1 b: Y4 M* Q5 U2 T8 D0 |
20.HMR
# _2 U' W% s6 ^1 U5 V5 W21.source-map, O) O) b' Q2 D7 e) S
22.oneOf* ~5 u: {8 o( d1 N9 j1 K9 z
23.缓存
" f; H& ]- R% j4 ^# C+ s24.tree shaking) g! a0 Z8 G2 U2 J
25.code split7 p6 U* G# F: A4 K1 C4 w# R
26.懒加载和预加载& z. U/ @+ V% u5 `% K
27.PWA
1 @$ W/ R0 O) G- E1 O2 n& V1 i28.多进程打包
- K3 L2 t- x* ~0 Q* Z, F* c) e) @7 \29.externals2 @- _" F- l& V8 k: @
30.dll3 N7 b7 W6 L ?0 z6 X
31.性能优化总结. V5 e& |2 Y! K! e: M0 W
32.webpack配置详解介绍8 e, E, F- n# J# @$ O' Y6 h
33.详细配置之entry" o% g% `* S* a& d
34.详细配置之output
: l6 E6 ` c; y1 T; O' g( @35.详细配置之module
5 G' r" I6 |$ o T: c: S4 z0 J( e. H# x36.详细配置之resolve
7 K% j: v: v/ q# T0 a37.详细配置之devServer
% l( a D% d, Q3 O/ F7 x3 e* O% I% i; y38.详细配置之optimization
' B) u+ H9 J; P7 E39.webpack5介绍和使用" `" l+ E, X& E0 \, G8 X- P
40.总结webpack
! w7 h7 k$ B; D' R' q ! _ L1 n$ h" ^; h
|
|