|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
' A# O7 L# u4 g% B1 Z' ?, I课程目录:
$ i* B, V( h6 n3 b' P4 U# J4 G01.课程介绍
6 o, p7 q0 w, I6 A* \2 W02.webpack简介( g( q; ?8 e) w# U
03.webpack五个核心概念
7 a( x) x6 k! r04.webpack的初体验
8 p4 h$ F- I& L3 v7 W0 X: y8 ~05.打包样式资源% p R# [6 g& x) `& `4 F3 a W
06.打包html资源& Y% m1 k( Y4 j2 o9 S4 Q; \
07.打包图片资源
1 v: m- ~& o# i& D9 |$ F, q1 c08.打包其他资源
& V: }" [- ^. H" a09.devServer
! t9 C8 G* n# F$ W10.开发环境基本配置
& e* a% z r. M. r11.构建环境介绍
# t6 n7 Y" l( u9 K/ Z12.提取css成单独文件
5 ^, r; P" G8 a! {13.css兼容性处理( L! G" B6 J; J: B" N O' y
14.压缩css" @& u4 S5 C* Z; [
15.js语法检查eslint
: ]$ F9 U& e9 f1 M3 C16.js兼容性处理eslint1 F$ Y% E; k, D/ l% Y9 g
17.压缩html和js# {5 T# a3 c8 \+ C1 u. L) t/ h$ \
18.生产环境基本配置" M1 L8 [' {& J* f0 z3 i3 K
19.性能优化介绍
+ N5 ?) ]$ ~7 s3 h! T20.HMR
* {& Z1 ~/ _% S5 l8 C2 g21.source-map y7 _' Z, U: R) e) C2 t' w& Z
22.oneOf
; B9 n" ]8 O/ G% p& R; h2 `! @23.缓存7 s. |3 |8 ~( e
24.tree shaking
# t& k7 L* o- ~3 V25.code split w5 p C& ^- w. Q6 Z; ?$ g d
26.懒加载和预加载+ b: ]2 [! B6 A* ]1 I
27.PWA
5 |" Y" R' v( k% I4 v, B2 |: Y0 f28.多进程打包
5 G$ ]/ D5 y- c" G t29.externals. B B, I* B' d/ K
30.dll
% t7 h* f( d4 Q, _4 ^! K9 d31.性能优化总结
n, D) T* e# S& m0 }32.webpack配置详解介绍
4 S9 ~6 l; i: w% {. L33.详细配置之entry
5 }# ^3 ?0 [; P: L- B; \% ~34.详细配置之output
" [/ V+ _9 E u J1 t f35.详细配置之module6 M$ s$ X0 N. i; M& u4 M7 {
36.详细配置之resolve
) x i3 d. _4 E% n @! n: l37.详细配置之devServer
2 k$ ?0 _. Z2 M; m38.详细配置之optimization: h" K; u2 ?3 i5 O; R2 W% ?/ e; Q) Y
39.webpack5介绍和使用
, l5 _+ B9 x( d* L40.总结webpack1 @8 Y9 ^% x3 u& x! U. O
* I5 s3 A* F }' e" j
|
|