|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!$ _5 q0 y2 o6 D4 h- @
课程目录:
; _5 _4 I. ^+ Q* ~2 E01.课程介绍
& k+ r! Z1 j; D' h02.webpack简介3 S6 A4 r# R( }2 K( M D
03.webpack五个核心概念3 f' R, _/ v% a; P' ~
04.webpack的初体验
$ M5 Z. G7 ?" x# C5 t9 t7 a5 n7 @05.打包样式资源# W$ P o; H y: P0 D
06.打包html资源% U4 b: k ]( H* N
07.打包图片资源0 u6 u- R' p: G7 ]! p3 e" O) Y6 C
08.打包其他资源
+ z" ?+ t( R3 O) h8 R09.devServer$ w5 ^) s+ r( u9 X$ u: {$ s; G6 r- e7 S
10.开发环境基本配置
3 ^- n @7 O( O, h9 b# P" O& ?+ K11.构建环境介绍
1 C6 ?( q& q7 o12.提取css成单独文件' f, z$ k" _5 b
13.css兼容性处理
1 O% u: G% Q- L* M4 G( ~14.压缩css
8 c I* ^7 z7 s5 R: R/ Z( H6 m15.js语法检查eslint
' g7 x) G" @/ W! z. D, t8 ?. y16.js兼容性处理eslint
5 {: h6 ^3 A* \3 I17.压缩html和js
, B# D( O* H' U8 c2 U6 m) u18.生产环境基本配置
1 F/ Y# W' ?& i! F/ E19.性能优化介绍
# N* m0 b2 ?& u2 F7 f; r20.HMR
2 o3 }( c d0 D/ Z: K21.source-map
. G# d7 T5 [# A; F22.oneOf
) {1 |+ A4 p) ~7 l1 i23.缓存5 C( _1 k$ l6 ~. [% {2 E
24.tree shaking
4 M3 T, X; ]6 H25.code split1 |4 ~9 c1 T+ b" ^& U! k3 ]
26.懒加载和预加载9 y& I( W/ x# C
27.PWA! Z; q: p: c! n& H* r$ V
28.多进程打包% H2 s, a# t9 Y) i6 O1 S' f3 S& f& Z
29.externals5 u; n% F5 \# K+ w5 \* m
30.dll
. w: a$ u4 W! |31.性能优化总结# ^$ B0 N* o. r/ d! J* z
32.webpack配置详解介绍
$ G( H; d+ D6 H' }7 R33.详细配置之entry V. }0 Y" Y' u; S1 H% T; J
34.详细配置之output( j( k* `0 r2 O/ D9 B) `
35.详细配置之module& x! I0 p9 R5 i/ q! I
36.详细配置之resolve* d9 C' V( y. U. x
37.详细配置之devServer
0 K5 e, q# S3 C38.详细配置之optimization5 H; }" C' x, ~+ v* d* Q
39.webpack5介绍和使用
: [' @1 V& _! K: w$ y* Y40.总结webpack
2 a7 V, V+ D! _4 @ Q- y: a+ }; i+ _' w ' @$ Z* b5 Q# J1 j8 [
|
|