|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!0 y# }7 q8 d2 |# [. S4 C) r
课程目录:. J. {+ P U& q, Y# I
01.课程介绍8 i0 H; d& V( N# H* H
02.webpack简介
# N* \6 ]% o' @3 ~03.webpack五个核心概念9 W" \2 r) V8 E8 D. M
04.webpack的初体验) ?: B0 r( b$ s& W, E
05.打包样式资源
# l5 C( A, r8 @3 p1 t" X# e' b06.打包html资源' Q1 ^ ~/ d, _: Z! f
07.打包图片资源 b: ?5 v$ E7 d7 S2 s7 I
08.打包其他资源
' d/ q3 ?2 r; ^" ~09.devServer
, F" m, a- \" i |4 {10.开发环境基本配置, H! z; F8 t' P% m
11.构建环境介绍
* g) o" R& t& L: X3 `12.提取css成单独文件( j' A9 M1 ], C
13.css兼容性处理
8 |% U; Z1 l1 u% L& y; A- f14.压缩css; A* Q7 H; B, t0 O8 A9 X! c" E
15.js语法检查eslint( j2 r$ A; d+ o5 z* Y
16.js兼容性处理eslint
' W4 d, j$ [0 _5 f9 u! n17.压缩html和js
2 K( E# B# I9 ?18.生产环境基本配置' [0 @6 `- {- s X. S
19.性能优化介绍
$ A$ \9 r& U' A9 Z! H20.HMR+ p# U( j! C5 X% w s
21.source-map
" w' _* A6 g0 k" I. E- t |' w22.oneOf
4 w' {- x6 W5 D" J/ F1 M7 p, q23.缓存, }/ u* t! A6 j& m4 W8 ?
24.tree shaking
* M2 C& t, a1 T% W25.code split/ L0 W1 M1 s: ?6 r% ~" }6 ]) T
26.懒加载和预加载
& g! U5 ~' T0 E9 ?. y$ k' B2 [/ f27.PWA
1 o6 C/ r* T. `28.多进程打包2 ~$ |9 u P) B! d' g* [
29.externals
* t/ l) B0 K/ w4 q) b30.dll# f+ t, }8 y& R. j1 r# R
31.性能优化总结
. H3 P- }! y, L3 B3 @6 R+ l. t32.webpack配置详解介绍* _& Q8 M2 H [
33.详细配置之entry
F, Y( n# g/ b s1 F9 c34.详细配置之output
+ n9 m3 E/ G1 q35.详细配置之module
- ~4 [' A; {: ~! U# P7 C8 R7 t36.详细配置之resolve3 p7 ^; k# s& a: l; R* g* Y
37.详细配置之devServer
5 C+ E" u. Q4 f0 \2 `1 [# y8 T" |38.详细配置之optimization; P" `$ W+ \* T* J; n$ m
39.webpack5介绍和使用7 ~* m. y7 e: r" x4 O3 [* ?; w
40.总结webpack% Q) M0 t. Y4 F5 \
( ? C( K: K2 b" {) T
|
|