|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!6 `* e, M4 g8 _( e
课程目录:% R$ j! T+ K- r
01.课程介绍! f" @8 y2 a+ C" H) l; j7 K
02.webpack简介8 A( U$ N& r5 _4 t7 l3 J& j) s- i
03.webpack五个核心概念; H6 ?7 }- _9 e5 ~/ |3 W" M) d. m) c
04.webpack的初体验
7 k- X9 [* w+ J3 j ?+ t9 ~05.打包样式资源
& ]$ c4 F. V" u* t8 E& F! D06.打包html资源% X, ]6 G4 @( X' k. a4 m
07.打包图片资源) p% q: d% T/ f3 Q' x! n4 V& q
08.打包其他资源
; Q/ P" U7 h/ e3 w8 q- z09.devServer7 v; y( e" ^) D1 r7 W
10.开发环境基本配置0 K* E/ x4 @4 d0 N0 g9 F Y
11.构建环境介绍
' W$ B d ] |3 c12.提取css成单独文件
; R2 v& M1 o7 Q7 i13.css兼容性处理
5 y; F8 K9 L2 _2 x: P4 D14.压缩css9 q2 @1 z; h& Y
15.js语法检查eslint; V. b1 C! z* K2 f9 ]2 C
16.js兼容性处理eslint* b6 t$ B& K# v7 {% x. q+ K9 W
17.压缩html和js
4 L, U1 i- Z6 e, \" K( f7 F! T2 a, T18.生产环境基本配置
- i1 O+ y8 M- m% h3 X. @19.性能优化介绍
7 e2 H1 g$ c/ ^( |' w20.HMR5 N8 t9 M. m6 B7 H0 p& z- t; ~
21.source-map0 o" k; y9 T! t1 C" d0 N5 F3 I! R
22.oneOf4 i5 ^$ } }: K" r$ o
23.缓存2 |2 H8 h$ K/ \% f
24.tree shaking
# z: y9 N8 k; B- G: i0 M" L& r' `/ T25.code split
8 A1 L4 O4 g P' v: `; d _5 h26.懒加载和预加载4 R8 g. g5 Y! H$ s I$ X
27.PWA/ Y3 `& }$ S, z+ E; ]4 j! ~
28.多进程打包
) {0 k+ J7 ~3 l4 S z8 d" q- t, `4 V4 B29.externals5 M) u6 }& e+ f/ t- s+ d
30.dll* T5 j3 z+ c4 {) d" Q
31.性能优化总结* B' S6 c1 A. F9 s u
32.webpack配置详解介绍$ a+ n* e! k% \' p, r
33.详细配置之entry
; F6 G, V3 Z/ S/ v6 r- ^34.详细配置之output
4 l' Y' ] [) q# i. _; I35.详细配置之module
# F/ M7 q) W; v# x36.详细配置之resolve3 ?* l& z# G* O4 Q! @, X
37.详细配置之devServer
4 ] R4 _7 R0 o7 H4 q5 e38.详细配置之optimization
Q9 p6 B# f) l* h39.webpack5介绍和使用
) m, a9 ^" ]3 G) `6 }40.总结webpack
: Z/ x: I3 a8 _
5 n' ^+ E! z- ?: X
|
|