|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!1 i9 `0 d1 J) p1 M
课程目录:# {4 r. j6 A8 z' w8 K* O8 w
01.课程介绍4 O+ A; u8 y/ _# A
02.webpack简介' S7 s! X0 u: R9 j' _
03.webpack五个核心概念
( K$ p* w7 ^; G04.webpack的初体验
6 E- D* Y& D& {" l$ g1 b05.打包样式资源( y/ h0 j, s, }% v' c$ v
06.打包html资源8 D1 t& p, M( s" i" B
07.打包图片资源- l0 N4 l/ x6 f. |9 U/ G7 p
08.打包其他资源" x. {2 e* k# ^5 g
09.devServer
/ D) D4 t" l/ O" M- X! U, Q& |: \10.开发环境基本配置* Q& K1 ?7 B. R
11.构建环境介绍
" T$ d$ Z$ @2 Y12.提取css成单独文件
+ s, j$ ^' ^7 i; R$ W' ~13.css兼容性处理
W/ C* M$ N5 u7 w3 L14.压缩css: p2 G8 A9 l+ `7 W R4 X0 D
15.js语法检查eslint
3 L+ V) `! p/ @$ X16.js兼容性处理eslint
8 L' |+ }, W8 K' k17.压缩html和js9 {2 q' f- L: r
18.生产环境基本配置1 u6 }( F& a5 L7 M
19.性能优化介绍 s4 b% G3 {" i! h8 R6 |( p
20.HMR6 I0 g0 @5 v* _2 C& K0 w
21.source-map
& r. x, `8 a* Q* p. L( y: ^3 B+ y) j22.oneOf6 I+ }& {7 ]7 I$ M: i
23.缓存
. _2 k$ g, C* L W2 \" @( J24.tree shaking
. O# @ z+ k$ e" e& ?25.code split
, V" m0 j' F- Z: A; O0 b, e4 x6 B26.懒加载和预加载
' ?1 `, U) @5 w) Z1 F0 Q27.PWA
' u3 A8 @ J0 H9 p" M( B' t28.多进程打包( J# W' @' Y# o1 C
29.externals
+ X& {/ u+ E/ ]$ G! q# @+ r$ Y' \% _9 C30.dll
3 P+ U4 c6 X/ x: q) }, _. t31.性能优化总结
1 O% V6 k1 E1 T X32.webpack配置详解介绍
2 F2 T& U# A% x3 U: j, I33.详细配置之entry
- Q, r# v- I" a% {& o1 ^34.详细配置之output
% o& M+ V1 Y/ R6 J: R35.详细配置之module
6 a0 c5 {. s2 z# r) j5 E3 f36.详细配置之resolve
% H5 y0 r5 F# N- H6 }. d37.详细配置之devServer. Z3 {1 l3 L: v$ u
38.详细配置之optimization
% _# I+ h" F6 P# o( m5 h/ M$ O39.webpack5介绍和使用( X' l2 ?" K" }, k$ ] J1 h# Z
40.总结webpack
4 b1 [$ L. n4 D' T" \1 T. P
: z: ]5 f( w- D& R$ _# Y) x! T
|
|