|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!% l0 s9 J( W, S3 [% P; H
课程目录:0 R/ @( N7 E# x$ B( w: Z+ B
01.课程介绍
3 Y- J) D' A e* _7 k) v6 a02.webpack简介0 A2 o& Q4 w' l. S
03.webpack五个核心概念
; U$ b) ^0 g# j04.webpack的初体验
1 n, e7 P' l) T: @/ S05.打包样式资源+ ~% ]; F, l2 i4 U9 }% Z& i+ o
06.打包html资源 |& l. |5 j+ F$ ~
07.打包图片资源
0 a# r# o! B; k" }08.打包其他资源# L$ y x u8 w( }+ R9 h! L
09.devServer8 V; s0 z) J& Y% C
10.开发环境基本配置+ o0 {8 s, r0 t% V3 B* D! o$ W) ]
11.构建环境介绍
! T7 D& g% x. G8 A12.提取css成单独文件
& S6 Y0 j8 e9 m/ u: Q' ]+ F13.css兼容性处理! N0 J3 Q' T7 a+ i9 u
14.压缩css
8 t U8 Z+ R6 W2 N& ?7 `1 ~15.js语法检查eslint
& u! E3 [9 B8 I" E4 U# q7 A16.js兼容性处理eslint1 Z. [$ ~7 X" X2 o8 [8 Y$ T7 F4 z
17.压缩html和js
/ W) w4 T0 w3 }/ y! R18.生产环境基本配置. C1 \- k/ p; r$ k
19.性能优化介绍
. t: J& w- B k \20.HMR
1 y( D' n: q! A' F/ k0 M( E' M21.source-map4 h/ W% ?& b- a" X+ j0 j( k# X, Z( y
22.oneOf4 w- J: k1 o0 F
23.缓存
/ I4 @# l6 r! f24.tree shaking; `) L E8 H! H2 L$ e
25.code split, e/ o6 E( g4 J7 V& E0 O5 \
26.懒加载和预加载$ K. `! t0 y& O0 z, C. \$ s
27.PWA
! H7 s3 f% P4 }7 L( I* V28.多进程打包
! _, p% ]) u/ K/ @$ N6 V% y29.externals5 @5 Q5 y7 _. ]# y
30.dll3 y6 a7 @/ H+ r0 D: N* |7 T
31.性能优化总结
' o8 H/ S7 s& [' C( |5 N( Z32.webpack配置详解介绍
- v) p2 A" b- ]5 {0 y33.详细配置之entry" C X# y2 I$ {/ T% l8 L
34.详细配置之output+ S: y; s9 {9 H/ P9 p. Z
35.详细配置之module
" M0 d, M' v& j# h2 v2 _36.详细配置之resolve! O# w d6 R6 ?( @8 H& K+ V1 Z
37.详细配置之devServer
' u2 T9 F @- D7 f% I. S38.详细配置之optimization n/ I! @& \5 a& k/ y! h, b
39.webpack5介绍和使用# @7 ^5 Z& @" S- ]
40.总结webpack) v- ?- X& T6 H. V
" b2 \! t* I9 h9 {
|
|