|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
; D. L2 y, q! L8 K4 a* ?/ \课程目录:
: _, I) _* W, I2 z5 k01.课程介绍
2 s/ E4 }: N) _* f5 R9 E02.webpack简介
1 ~8 J9 w; u, F0 b. g2 N3 U/ s1 [+ W03.webpack五个核心概念3 k; m% F/ i( M' o$ |6 F2 E) j9 l
04.webpack的初体验
6 a) L" ?* `3 i, U05.打包样式资源; Y! m4 s* @4 G3 ~2 t
06.打包html资源0 k4 s) D6 E' R: X# N) P' S! W5 K; `
07.打包图片资源7 T/ z% T* p& z( t, I( c
08.打包其他资源
6 `5 S/ r1 I& ~. S6 @09.devServer* |( V2 f8 L, N0 ^# S6 r) y! _
10.开发环境基本配置
6 H5 z: n0 K; F! ]4 A11.构建环境介绍) x c4 \4 ]- J: z. U/ o
12.提取css成单独文件
. y( A/ a/ B4 N- z8 L9 j13.css兼容性处理
* N' J; U6 t C14.压缩css( O W0 A: [. _6 B
15.js语法检查eslint
% p. z. I9 w# v$ Q16.js兼容性处理eslint; T2 Q) }4 N/ r4 O' m* [% Z
17.压缩html和js
& g0 E+ b2 n E) o5 o18.生产环境基本配置
9 J" h$ k, t7 Y% _/ w19.性能优化介绍" `3 ?; I" ^8 b- V( e5 ^" R$ K' e$ p
20.HMR
; |, e& H+ y @, Y! T# E21.source-map
; n9 l% u( g* f2 W% ~3 |- J1 S22.oneOf
, m2 ]+ d9 O% H7 b23.缓存
6 U. T. \% \2 N24.tree shaking2 b: h# Q5 {) P" m0 @8 ?
25.code split: E2 V3 O) q1 G
26.懒加载和预加载6 g4 k: m) P# p+ p
27.PWA
' L+ u1 ~% C* f$ s' o. L+ j: h; k28.多进程打包
; X' X8 t9 P6 d7 o- \% ^6 ^' Z29.externals
6 G2 C9 D( M6 L30.dll
5 C4 y2 ]* T7 u" ~2 c31.性能优化总结+ A: `% [& K9 a7 c/ E+ f
32.webpack配置详解介绍$ ?* |4 ~' x* n
33.详细配置之entry
* S! a# \6 x% t+ z, s9 i# v34.详细配置之output+ s% Q r* A7 q/ p/ j
35.详细配置之module
. N- P" M( g( x; C36.详细配置之resolve
3 X3 }. m7 p3 e2 A2 x- J; O9 _37.详细配置之devServer
* A( W' y/ J, o- d38.详细配置之optimization2 C; J; X4 a5 w3 L
39.webpack5介绍和使用8 l4 _6 H7 r/ B
40.总结webpack
' R2 T# }, I% k/ \ % w5 h- N( L/ B
|
|