|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
3 q$ s+ t& B: T# g; ^课程目录:
& q' K2 Q' U0 _* v3 W k1 h8 |01.课程介绍
9 _; z, x9 p. H02.webpack简介
u6 q4 ~7 b2 |3 q7 O* z! L' v! L03.webpack五个核心概念# m7 B$ D" W1 y6 T
04.webpack的初体验& `% g# b! D7 o2 f3 [
05.打包样式资源
, Y6 G' e! E: C" k& i N- u06.打包html资源: u1 Y# N4 ?9 E% H/ ?
07.打包图片资源" C/ ^) o( S3 K" B
08.打包其他资源
. T5 f N! \! u& L+ |& i) Y09.devServer
; C' D, ^5 ^# {0 z10.开发环境基本配置- U# ?5 \+ ?0 F
11.构建环境介绍
- C. V& L1 t( O! r. C12.提取css成单独文件
% z$ [) b; ~6 C4 I6 s) w13.css兼容性处理
+ e- M) U8 x* d$ ~; j14.压缩css
8 s8 o2 [% V$ y15.js语法检查eslint- z2 N, ~( L& k6 w7 O
16.js兼容性处理eslint! m. x. x& w r0 {- _
17.压缩html和js
; u; U: l$ b5 f% s$ v5 K$ O18.生产环境基本配置) C7 p- \0 O2 b8 T
19.性能优化介绍
3 p6 _' D* O) Y- ` R; V20.HMR
: \8 o8 L4 g/ S; U/ B d) {8 w0 |21.source-map, D3 q' {+ `0 r' ?( x, K' F C
22.oneOf% h# s) P. |* ~, L/ N8 ]
23.缓存! p; ~* v- Y+ o; Z6 S' P# G
24.tree shaking. ?. I) | @" u' b0 F# k- e
25.code split
1 f+ Q0 W) }" M( a/ {26.懒加载和预加载 h+ _( ?8 K! v2 ?, P
27.PWA2 m+ C( h! v2 U/ y, A& S9 t
28.多进程打包% {, `7 H$ e; {) D
29.externals0 U" S" @4 O: P& b8 e; m4 }
30.dll
2 o/ H1 j6 L5 y6 Q9 ^31.性能优化总结( T2 W; B4 j! V n
32.webpack配置详解介绍8 w: k! ~3 I& L
33.详细配置之entry; A% _- n" j# I& j- q6 P# L4 S
34.详细配置之output
0 V& \ [ _! e35.详细配置之module3 {& K2 K Z* q5 h `' F
36.详细配置之resolve! U- I: M2 J) M# i/ U- h
37.详细配置之devServer
4 q* f: o" Z+ Q" }" g38.详细配置之optimization1 Q# V5 ~* l( E7 D. H9 `/ }
39.webpack5介绍和使用6 q! y* e( i9 U/ q
40.总结webpack
( |8 B* G8 x8 P4 F% P% j
7 Z V# w& d8 [7 `4 T
|
|