|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!- s4 x+ s. ^' |
课程目录:
4 q4 T. j" w$ r2 ]01.课程介绍
' R6 b! a% f9 |# A+ f5 ^, z02.webpack简介
, ?$ b) X8 E7 Q$ V8 Y6 X L03.webpack五个核心概念* t$ {# f4 s3 w3 a& U% [
04.webpack的初体验% o1 V' |5 @# m2 I- \1 V
05.打包样式资源; V$ O! s; s% o* O1 G
06.打包html资源
8 r ]% ~1 s) z) r' W9 T# e* b: G- s07.打包图片资源3 R: e/ N W. D
08.打包其他资源
) k" z! [2 i; S' }$ C( m' Q09.devServer
4 A! |2 g5 v* n, `10.开发环境基本配置
7 D/ w) E, _# a8 F5 S: c11.构建环境介绍
& P, k& U: z) z$ ^: u12.提取css成单独文件
( v& y5 `( A% u- T13.css兼容性处理/ o+ z2 a" H, ~& g4 K
14.压缩css
1 c+ d4 T4 a8 z. d! W% E$ ~15.js语法检查eslint
2 D/ V0 k% e5 y6 G+ k% X16.js兼容性处理eslint
, a0 l* d! p/ Y4 V9 u8 ]) w0 p17.压缩html和js; e/ Q& l G7 c+ Z5 @5 I2 @
18.生产环境基本配置: a0 `8 z7 \ g3 }2 B0 j6 C
19.性能优化介绍
g" \% M" ~( J/ h! L2 z+ C20.HMR# R W! T# f: P8 j' @
21.source-map0 h/ L! u. x; J
22.oneOf7 b# P" ]& c' S! z
23.缓存
2 Y+ G6 m' X8 K9 ]4 J* Q! ^ S24.tree shaking3 E- h- b, q/ f- r
25.code split
$ O, q7 `3 X9 Z' C! a26.懒加载和预加载
4 ~) W3 e& j+ P3 D27.PWA
/ a4 ^/ _ f! y7 c9 r7 n28.多进程打包5 z" a: p2 {9 @
29.externals+ e; q4 \2 ~1 O0 k
30.dll/ K* t" c* K% q$ K C
31.性能优化总结: k$ }( B+ ]' {) H
32.webpack配置详解介绍
- |2 h2 B2 @/ H5 G9 T* z% N33.详细配置之entry# o- S* C3 w' C1 \) K h
34.详细配置之output
2 R2 g- B% z2 S" l4 j35.详细配置之module
* G; ]* e0 _+ y T/ A: D! J, j T36.详细配置之resolve
5 @) W2 Q5 ?% n9 U# n" T37.详细配置之devServer
% P1 ~3 m4 R" T2 L: M, U2 N# F38.详细配置之optimization' M( \4 n. [ t3 \/ y
39.webpack5介绍和使用6 \: R* ?) J7 ?. |( @
40.总结webpack
8 F9 g( g7 }3 C# ? ! I5 m0 }# ~7 }
|
|