|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!3 v; W. }. ~' x T* W9 }: k
课程目录:- M* @" t4 X! S) C* v; i
01.课程介绍8 o6 q5 \1 C3 W
02.webpack简介0 @9 ~+ N% V0 o% U, s' x
03.webpack五个核心概念
1 r- `' q% r9 c( \04.webpack的初体验
% W0 D* F$ x0 ]/ b! L8 ]8 ]' z05.打包样式资源
) h) k" [" \: R7 i' |06.打包html资源
9 F) p' v6 {* @8 O$ }1 v) P07.打包图片资源* _! i# t( T& g
08.打包其他资源# C2 a0 i5 N; A! C
09.devServer
, p. @- r' L0 ~, i. L. {10.开发环境基本配置* @' q# U& d2 f& _; ]' u# q
11.构建环境介绍; z+ r% E7 A% G- `
12.提取css成单独文件
2 q5 t$ c9 ]) P E1 ~6 M% ]13.css兼容性处理+ \) ?+ P4 y$ ^0 f
14.压缩css" x; y1 g3 y4 W! I) S+ v
15.js语法检查eslint4 `. L! a3 r1 u( j
16.js兼容性处理eslint
4 Z% f: |6 o3 o17.压缩html和js5 V3 x* B7 c; o# d' z, k1 E
18.生产环境基本配置
& V) D" l6 x1 S/ O19.性能优化介绍
$ o- ~5 e* f- L% z# O20.HMR
[' R2 E9 h1 n; G21.source-map* t5 t1 l8 M& f2 c* C$ M9 u" {$ h
22.oneOf
- y; w0 j4 N8 O4 y23.缓存
* @* U& F" W( q/ ^24.tree shaking
( M, L0 v' P9 t$ ~- |25.code split% H& A1 u+ ~4 {. K
26.懒加载和预加载
0 t9 Z$ E2 `! \+ x27.PWA
- [0 [7 o* a, d- d! l9 ^28.多进程打包, g( E. f+ {. j" ^' [
29.externals
0 o n6 x1 d. O& ^1 e$ T; Z30.dll0 b+ F$ X/ [. S" Q, X
31.性能优化总结( I4 r+ r+ S/ z# N2 B+ q
32.webpack配置详解介绍# M, N4 }0 V9 h) b9 O9 Q
33.详细配置之entry( T- ~$ L$ Z. _. @" I
34.详细配置之output) }( c- K4 b! A
35.详细配置之module
$ d# q. c6 f+ Q3 p$ _36.详细配置之resolve3 j% d6 W; |# a5 v: x6 X
37.详细配置之devServer
5 Y ?$ x# X* h% J, x38.详细配置之optimization
& @# B% T" q# t1 T39.webpack5介绍和使用- k7 Q3 t! V" j: b
40.总结webpack
+ q' h8 ^, `) [( T1 U3 J 6 F* O9 b* i9 t! `$ N% o* o) Y
|
|