|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!# F2 L) l& T- l" l9 e
课程目录:
; P3 A: S, H% a01.课程介绍
' k0 B2 A. F# g D8 o a5 y" {02.webpack简介
5 m# G N2 X6 L6 i/ J1 d( j3 k03.webpack五个核心概念
6 P% x" H2 P7 f04.webpack的初体验8 l- K. V* v' R, C# e' B- z# F- W
05.打包样式资源
+ B$ h, Y! M5 v3 _( T+ A06.打包html资源
0 O: J' @, N, e$ s07.打包图片资源2 @6 }) l: Q) F2 ]
08.打包其他资源5 E! T9 ~$ E& y' I& @' f5 q
09.devServer
; r, _8 |) s4 V7 ]5 \- H/ r3 \" z% C10.开发环境基本配置; v0 k; h2 e2 t% }
11.构建环境介绍) V" P2 B; N7 i9 y
12.提取css成单独文件$ ?9 M6 Y6 b" G# Z0 `6 T8 X, \
13.css兼容性处理" R4 ^+ W, p+ u3 _ ]9 z
14.压缩css- [9 g1 t$ Q; ^- l
15.js语法检查eslint
8 G+ j+ k1 D* X" T16.js兼容性处理eslint* {* I8 x' J; a# q; s
17.压缩html和js
4 c- L+ T" ?, {. g- o4 `6 J18.生产环境基本配置! o8 @! X/ s' k5 x% H4 v
19.性能优化介绍
' ~2 ]; ?- U/ F8 g7 L8 R20.HMR- k1 j0 ?; A% J3 H; R" z
21.source-map' Q1 h( P8 k5 E! k; m% d$ e# V
22.oneOf! ~# \" }# U R5 X8 F+ Z* S
23.缓存
7 }) X+ w* Y7 W" G; {5 a' t( L24.tree shaking+ V: W: q2 q, m& r
25.code split
. g# ?0 r8 S6 @# j26.懒加载和预加载
% M' }/ O: s# J" n. \! O ~4 o27.PWA5 {3 ^( p' y) a8 Q8 h" `! d% R
28.多进程打包
6 t T) G5 {8 y4 j+ y$ P29.externals
4 q# @$ U# \7 Z( u" Z6 H30.dll
! r5 e+ b0 D9 M31.性能优化总结. v. G0 l1 i% {4 _; u% T
32.webpack配置详解介绍& s4 `4 B1 p, U
33.详细配置之entry- T s, _% x$ x6 @# R
34.详细配置之output4 k' j) k- ?" W; y& o- J3 _2 R
35.详细配置之module
! W' ~( Z: |( o2 m1 m8 c0 f$ ~36.详细配置之resolve6 ~& T/ H( p% {1 Q! Y
37.详细配置之devServer) T% U$ [- o" `8 D' K$ r0 M# B
38.详细配置之optimization; g. _1 d1 a! v/ I) e& V+ ?
39.webpack5介绍和使用 [# o; ]9 q( h( x4 J& Z6 `
40.总结webpack
8 T _' t: j5 v/ f9 o, K- \ 9 H& K* j5 O" O. O
|
|