|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!' t7 ?( L3 w* a/ m6 t9 K
课程目录:
' T8 Q$ _1 t' P3 b- r: s01.课程介绍0 l, A3 e4 W# z4 O' H" v& M8 Q! a
02.webpack简介
# D* x6 B4 K% r$ m03.webpack五个核心概念
# s4 y0 Z/ \# B% w( D04.webpack的初体验( _2 _0 ?( p3 q/ p- y
05.打包样式资源7 I9 n K3 X* T
06.打包html资源
: S0 J8 k: d1 n) [1 q8 W# F07.打包图片资源: Q8 x6 ?& |3 Z. o
08.打包其他资源6 O; d3 [7 E1 z" X8 X8 F: ^
09.devServer8 |+ l9 t5 a* a0 U2 W
10.开发环境基本配置3 F: j5 h8 r+ x
11.构建环境介绍
6 {2 r; T& x, Y6 u- x% u5 O* I5 F12.提取css成单独文件1 F9 J4 p# R% Y0 y& Q$ }- u% J
13.css兼容性处理5 I7 P+ E- Y8 D5 g4 a+ G* f% f& x4 p+ g
14.压缩css
2 m( V1 S: `0 b+ R. J7 H15.js语法检查eslint3 s5 M5 o; K% y) q
16.js兼容性处理eslint
& w: s; d" ^8 ] z ~17.压缩html和js- z: N( K; |: K& C/ G
18.生产环境基本配置
8 j. I* K5 o. z! _- S; D/ s c19.性能优化介绍+ U7 e) q: o2 B6 ]
20.HMR
; b5 z7 {! V9 M21.source-map
) f, [2 r6 M( {% J- `* |22.oneOf
5 D$ ~+ ^+ L& J, Q23.缓存+ |4 y/ ?. D8 A/ A1 P }
24.tree shaking
. y j7 g( a8 D' _& H25.code split
4 o: U. q! `7 p/ d& m26.懒加载和预加载1 t) v/ J4 F. G
27.PWA% o' t0 r' S( b/ Z& J# Z
28.多进程打包
! m8 ]9 U2 p# _29.externals! `% v: q8 \0 y: _/ a; O/ |
30.dll
9 ~# j; B2 i' z1 u. D! c! C4 A31.性能优化总结5 `: x. C1 u% h1 T
32.webpack配置详解介绍 S: b0 A0 d" m" @# @
33.详细配置之entry7 ~/ Y# z+ g+ j- @2 {
34.详细配置之output
- r. |" f3 o8 w35.详细配置之module/ Q ?3 w( w3 B
36.详细配置之resolve
5 m$ @* k# w+ D+ ]2 f37.详细配置之devServer9 J1 q6 s- r B. V6 {$ @
38.详细配置之optimization) x( a/ O- Y- R) H% w( V
39.webpack5介绍和使用, E F2 N+ ]- Z, k2 |# ?; X# Z
40.总结webpack& h# }: p" Z: E# L! r+ O
- G. I/ h' b2 R
|
|