|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!! U& T1 D" I! G3 O* O
课程目录:
0 `; k! C# g' p U01.课程介绍2 h3 M P0 \1 X
02.webpack简介: ~: a) ]! J, ~2 H+ v# o0 W
03.webpack五个核心概念- l8 k& j6 U: d; r7 ]
04.webpack的初体验8 U+ M* R2 |4 j) I( \' p7 i
05.打包样式资源
" F1 |& S0 T6 [& q06.打包html资源
# y2 _+ u0 J5 l' F) p$ T07.打包图片资源
- R5 w+ x4 _8 T. u. H08.打包其他资源
! @0 _' F: G- Z09.devServer
6 m9 `: L u! X; W9 p. v) j; s10.开发环境基本配置
; H: Y( N" {' M0 U) Q11.构建环境介绍. m( ]4 L2 k' L; P1 @$ c, X- d
12.提取css成单独文件
* B0 u% d3 F6 n7 r13.css兼容性处理
( G" n8 o& R8 l+ t% W1 n2 f) j14.压缩css, ~) j0 v4 N# Q; P: |" S& J
15.js语法检查eslint
& \2 B: |6 _- t7 Z' Z: L16.js兼容性处理eslint$ ~' t- y) z3 Y p
17.压缩html和js4 k- }9 O( {* k' F
18.生产环境基本配置4 v+ b, c; y4 F- ^. N! f6 s+ B
19.性能优化介绍% q: t/ K. s. b( n
20.HMR
5 e% U2 D5 x2 v/ V) f2 b21.source-map( M$ M1 J6 O6 q; N
22.oneOf; w8 b; _8 C* K4 x. q
23.缓存
, g8 D1 ?- Y* d! r, p' {7 S24.tree shaking
* n6 k, L3 O; X25.code split8 z- Y& G* S& i: v0 X }9 ~) Y
26.懒加载和预加载
, {, s) x& e7 r, Y27.PWA+ S5 L# i( ^& K/ r [
28.多进程打包
/ H$ S( q" w' _9 O" ?29.externals
: _; S ]0 n1 S6 u8 K1 R. P30.dll
; W( F: Q" g7 M0 N# N' M/ }31.性能优化总结+ q/ U7 j/ \6 Q9 i, P- {2 Z3 r
32.webpack配置详解介绍
7 @& }' X* s( y& ]( f33.详细配置之entry
) w9 E, t( `8 [3 x7 i: B4 l, w34.详细配置之output
& S+ i; M9 _8 b35.详细配置之module
/ R# ]/ Q/ A% P! R; C36.详细配置之resolve$ S( n- ], f4 f
37.详细配置之devServer
% ]$ E4 U3 J8 ~$ }1 a' z9 D2 Q38.详细配置之optimization% P/ G# a% u; o- m6 W V
39.webpack5介绍和使用+ ?( g0 _: Z7 `. q8 \- {
40.总结webpack
& D; M8 ^2 |6 j% A3 Z: f 3 h9 R3 q* x+ Y- B
|
|