|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!$ E3 ]: Q7 X3 z, J
课程目录:
( n3 k; d( \3 P- p, p01.课程介绍% c5 \& p/ B& X) \/ _3 c
02.webpack简介) C2 Y$ P8 |% U2 E- }- W& {8 F# f
03.webpack五个核心概念
$ g: t! o: O L* J04.webpack的初体验
2 F' l+ z6 \' z; I05.打包样式资源
g" L y/ F! N06.打包html资源
" i* x" H+ K' h, ]3 b7 p I1 S07.打包图片资源
- V% ]8 |: @, P$ y08.打包其他资源
$ v+ z. d, _6 P" @! @- H, u& g09.devServer
& \2 t( u F+ o4 Z10.开发环境基本配置 b( P; B2 Y8 G* \' f8 Q
11.构建环境介绍
9 ?. ]( h5 J9 f2 b! _$ a12.提取css成单独文件% l5 l- M. R* t) V% ~6 @5 k
13.css兼容性处理
F$ |" F* x$ x( A14.压缩css
# e- r* Y; J* V+ f15.js语法检查eslint
8 q$ s) L% h1 c# a: n" d9 V16.js兼容性处理eslint; f; C7 v( |7 G9 p2 o
17.压缩html和js
?$ N! k7 m0 D4 W. w! b18.生产环境基本配置
; I1 \3 Q. H0 [4 P+ O2 M8 m/ S& F6 O19.性能优化介绍( q0 |4 P5 U! `8 V. ?
20.HMR& f! t. @) D0 t K2 G
21.source-map& Y- U: f( R1 _7 Z4 X
22.oneOf$ \' B, I. c: P4 c2 p+ z9 I3 m4 F
23.缓存
2 \, `/ A& ~& g$ k+ g24.tree shaking* y, W6 Q5 U& d
25.code split T7 L8 {" i E+ u; f( H
26.懒加载和预加载* [5 h" V8 i) q2 j4 j
27.PWA
6 g+ F5 }* J3 v/ f28.多进程打包
- T# Q2 C W- ~9 J29.externals
' B% p0 k& P, i/ E/ |30.dll3 M, G5 ?6 C9 j/ l2 Y
31.性能优化总结
9 ^& O( K5 T6 N9 m v32.webpack配置详解介绍5 i; S. J7 a$ p; q4 q/ z( h
33.详细配置之entry
j7 A$ b' e2 _- [6 l0 p34.详细配置之output* Z# i- A, H {* f; {
35.详细配置之module
! t$ V5 X3 X; N) ~36.详细配置之resolve
% d' q+ d/ ^1 j4 a1 r- I37.详细配置之devServer2 o3 g; [ t% P9 j, S8 A# D% ]2 w
38.详细配置之optimization M9 s* C7 Y) v* a" J
39.webpack5介绍和使用
% y! E1 f( p) q. _0 U+ Q1 d. B( e7 N" K40.总结webpack* Y% B' V( S7 L$ j
( Z" C' Q( Y8 m% y* X6 n3 T" b3 N
|
|