|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
' h, J! p! B/ |9 h& H" t课程目录:. k! I) u8 c" z$ t
01.课程介绍& n* Q/ H& Y4 m! H/ K% m
02.webpack简介
+ q o9 @( B- ?9 a4 g' U! q03.webpack五个核心概念2 g/ n g* Q: y9 q8 A" m
04.webpack的初体验
) v: |, P" @0 P) _3 \# k05.打包样式资源
7 S0 u9 K8 b& x! q4 h! j/ @06.打包html资源/ @: V! b) m8 T: a! K
07.打包图片资源: A0 Q4 A8 z/ b3 v
08.打包其他资源( e+ J2 Q" ^; N9 Q4 w: {
09.devServer* l( q7 J$ u% X' ]* |" I$ v0 N, G
10.开发环境基本配置
% C2 k) m' h8 p1 f4 d8 }. k4 E11.构建环境介绍4 {- v5 Q/ t# o/ s2 k6 j7 {
12.提取css成单独文件
. i u1 T- F7 U' |6 \; c4 ~13.css兼容性处理
, R+ h8 a) j2 L' f5 b$ C( S1 p14.压缩css
# R I/ j+ Q. H, a \# r3 j15.js语法检查eslint5 |6 g: O+ D: {+ G% l( ?$ B% u
16.js兼容性处理eslint
6 Q7 i- q6 p/ n/ ?! j) N! ?+ B1 L9 b17.压缩html和js, n- ]5 @# E. T0 B- \) V" y
18.生产环境基本配置& e: ^* X$ X; J
19.性能优化介绍
/ h$ J A: P7 _: L# X$ V20.HMR
% r8 l) `7 X/ W21.source-map
! k7 ~% Z1 }4 D" P* ]4 q: x22.oneOf
1 \3 M/ {* X) U6 Q" k23.缓存
* a0 V! y' \& g" C6 V5 h24.tree shaking5 Z/ }( s, [, G: U8 O& q
25.code split
2 j1 G! d+ ?, v6 S0 U26.懒加载和预加载
4 ?6 `2 ]8 g9 e* a2 O( O8 V1 {$ }27.PWA
, v f0 k* S- o+ | Q8 Q28.多进程打包
. t9 {' h' |* N2 m2 G/ g# p1 U4 Q4 v29.externals
5 d0 U- v$ b# C+ y0 j. @# r30.dll9 {7 i( A% O9 a5 d* |
31.性能优化总结
' N, d% L3 ]: s, `; v: a32.webpack配置详解介绍6 a7 W. }. B. i7 w1 Q' s7 X
33.详细配置之entry9 @# c% J) _* q8 Q J8 R6 M
34.详细配置之output+ R5 g5 n' e! B
35.详细配置之module
6 ]: n) K$ y$ s* K5 H36.详细配置之resolve
7 k( \9 u: {; O p/ C; i1 K37.详细配置之devServer$ \* X6 {( Y/ ?; a( g; `
38.详细配置之optimization" u% o6 N& I$ Z9 t4 U; N9 y
39.webpack5介绍和使用
; H4 Q4 j. [6 T, B2 r' U40.总结webpack z5 P, I- L* j; F6 _
! ~+ t, r$ v" C! l6 B
|
|