|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神! g3 }& O9 w# Y2 L
课程目录: p+ A3 V8 V! u& o, g/ r
01.课程介绍
8 R- o" u5 ]' e( I- X" j02.webpack简介
9 ]" Y) a; w- k- B3 [+ d* P, B7 ]5 w03.webpack五个核心概念$ ]' M Y' K3 n5 a6 s+ R
04.webpack的初体验
; P6 _) V. w- W05.打包样式资源2 e V' G! P) s6 ^/ Y5 D0 q2 ?; I
06.打包html资源
9 \: S- R7 K) X07.打包图片资源6 a. o$ Z' Y- }# J
08.打包其他资源
! V4 n4 {" l k8 i, q09.devServer& r. x8 e2 a( |+ {! e. Q% @6 B V2 V
10.开发环境基本配置+ }% g7 }* u0 p
11.构建环境介绍
+ \! }+ H5 y- e& \12.提取css成单独文件% \" ^( H/ V+ n' A2 o8 a$ k
13.css兼容性处理0 A- w! x7 R. v# s/ v4 m9 g
14.压缩css
0 Q+ R" r S6 X/ I& s15.js语法检查eslint
8 {# {$ o- G# K4 N16.js兼容性处理eslint% ~6 G5 {$ z6 r' P' J2 Y& T
17.压缩html和js& O( M$ \! `9 e$ O
18.生产环境基本配置1 h2 [, w( x. ~! O w0 b, r
19.性能优化介绍% `+ l( ~% |+ g, Y6 k% G
20.HMR9 y! [0 r0 N% |5 |; |8 X
21.source-map
4 _5 Z, d R' P' L22.oneOf
; E: |" X" H+ Y3 C23.缓存$ c5 L# ~$ P% d6 R( ^
24.tree shaking) o8 O+ k. a# h% s/ ]
25.code split3 A! |6 [0 I5 o# K& k
26.懒加载和预加载
/ ~8 C& C. W" s( c# C27.PWA
; l7 }' M( c3 u" N. h28.多进程打包
" B2 e# E5 c, h% N29.externals
i X- L9 r; N) u [9 f30.dll+ h. V$ O% T) F
31.性能优化总结
1 }. Y/ V& x$ o0 H32.webpack配置详解介绍
1 g: E, ?* r6 E- N* _& D33.详细配置之entry
% S6 g0 X8 ^+ c( f! M- J34.详细配置之output
p- T) H% q8 t' K" l, G3 p35.详细配置之module7 R% C$ H! t+ L2 G2 @
36.详细配置之resolve
. f/ R/ X0 m& h- Q6 y37.详细配置之devServer& M# T' r& }3 ^6 J7 j" F
38.详细配置之optimization; q, ^; U0 N, A9 F1 }9 c
39.webpack5介绍和使用) M4 M9 f2 l) I( g8 _+ G6 o p8 h
40.总结webpack
" t, } B1 x C- S/ N0 ~6 ^ 8 @1 H2 E% b# M3 z8 ?; Q. B
|
|