|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
/ K5 j: T _' L$ g8 l& Q+ J课程目录:, a- N) |9 I- q$ ?
01.课程介绍
" D2 h1 d: X% h5 Z: f! x5 f, n02.webpack简介3 h1 X& A+ e$ H( v; ~$ t: Z- N
03.webpack五个核心概念
8 Z# N5 s! |1 W# C2 X04.webpack的初体验
8 S! a- J$ L8 l% m05.打包样式资源' s" z' U1 C* O2 W& Y+ {& \
06.打包html资源
9 O1 u) N. I7 p% Z! v6 l2 r07.打包图片资源
# o4 Y8 J: c3 J) D" Y08.打包其他资源
. N' t" | m4 \8 A09.devServer! M6 P$ X# Q: f8 s/ r" D r
10.开发环境基本配置/ _. N1 y7 p4 M+ B8 S
11.构建环境介绍
, S* k+ k% g8 t12.提取css成单独文件
5 W/ F4 I/ M/ M13.css兼容性处理" R+ G7 V- Z( Q# {4 v
14.压缩css$ ~4 X) R' N; }$ j
15.js语法检查eslint
! K4 q" ?5 m9 J3 S, W9 w F16.js兼容性处理eslint% d' q* l, N3 ?
17.压缩html和js( ~! ]/ t3 @- e0 I* ]
18.生产环境基本配置
7 f, y0 L. \: T0 ^8 S( C19.性能优化介绍5 S z0 L4 a8 }: q
20.HMR' S1 @# H; p$ G( d+ t
21.source-map
! R* ~# s0 x# ~1 D+ V; {# g' F7 l22.oneOf
1 r6 L$ [. M5 {, |1 l$ B23.缓存; Y- V7 L4 ?# J
24.tree shaking
5 W5 F- x' y, K$ w1 K$ h9 I25.code split
1 }$ r6 k- {$ K- e$ ~: a26.懒加载和预加载7 p; p5 A5 S5 \; m9 D
27.PWA- Y4 q8 c8 ^; l# a: M+ P
28.多进程打包3 W. c8 H& y3 O [
29.externals2 S/ q. F# K! J7 w) v! \
30.dll7 M: w4 J# k2 |. ~. D" J m
31.性能优化总结% P7 e0 j. Y1 O; h
32.webpack配置详解介绍
6 X4 a3 U$ C( |& N6 F- o, J2 `33.详细配置之entry
- F" i) v2 \( e6 i! m34.详细配置之output* w- [$ `: O! p9 q$ d% `
35.详细配置之module ~. T" ?7 b" R6 K4 j
36.详细配置之resolve
8 \! o: z0 s% X( ~) }37.详细配置之devServer) p6 ?4 b* C/ x2 L+ H4 N
38.详细配置之optimization2 }9 P. h- C0 i9 a9 j
39.webpack5介绍和使用- ~& s" z: @. S
40.总结webpack. U K$ Z* W P7 J2 c7 a4 ^
, g4 F% q' ?( `; s& o3 S! `) |" y
|
|