|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!# A1 z1 e9 Y' H% H. P) V& \1 J
课程目录:
. d7 Y6 y1 C Y: S o c9 R& K2 ^: h01.课程介绍( B" b+ J4 t3 k! C5 ]. Z3 A
02.webpack简介
4 \$ s1 @8 M6 c: N03.webpack五个核心概念! d+ R& j0 W$ W- U
04.webpack的初体验7 f4 r8 j! y9 B; S7 K* C
05.打包样式资源
# B6 r9 v( K4 S06.打包html资源
: K4 T7 K5 z6 q; O7 t: L07.打包图片资源
$ ] Q$ K0 @4 h0 g. @! o08.打包其他资源
9 U$ l, v* H8 T4 O+ n09.devServer
: k, M+ r3 J+ u: m& `5 I1 x8 f3 G10.开发环境基本配置2 P( r6 B$ |( R) c& @, B
11.构建环境介绍$ Q: o" }& e! s2 `
12.提取css成单独文件
% ~/ n5 s- y( {# e13.css兼容性处理
6 d! M" m1 c. @, n N14.压缩css
: M: U8 w* s% B: `+ K15.js语法检查eslint/ j- {% ]. V1 B3 Y( Z, L4 m7 v" H- ?
16.js兼容性处理eslint
( ~1 h$ W2 E1 l! j4 w1 O# u' }; |17.压缩html和js2 f9 N: G5 Y7 R
18.生产环境基本配置
+ `1 ^" F# i6 S8 P: B( D) e19.性能优化介绍
4 K+ \1 l: v3 T2 B20.HMR5 }/ j: u/ Q, \* k R
21.source-map
7 R/ I; v& a; r) l6 T/ g- c% ]5 L22.oneOf
, c: @) F4 N: |. C. L. R23.缓存
+ u$ d+ k1 z4 ]+ {. g* E' r7 |$ |24.tree shaking) i2 p* b2 b9 ^! _$ m. l
25.code split
2 W" z2 x( J* d. P, T/ V26.懒加载和预加载* I! j5 j' L* @
27.PWA/ V9 G' w, ~0 B
28.多进程打包 o# j1 ^* {8 F/ T8 X' S( B4 m
29.externals- g: t" N4 C( ~8 R# S; z" n
30.dll% ~4 l& G' x& Y0 O9 |
31.性能优化总结
5 B$ ~/ i- X! e32.webpack配置详解介绍2 \$ m. _/ J0 T8 p% w5 s2 S5 U* q
33.详细配置之entry
) E" u/ S" P, S1 N" A# g34.详细配置之output u: \2 M6 g d; O( ~6 g9 h
35.详细配置之module
; [2 t1 h6 S# }6 i36.详细配置之resolve: D3 I% C6 c( ]% L$ L
37.详细配置之devServer
) ]- v. _" e' P" O38.详细配置之optimization- N- e1 u |/ |; h- ?
39.webpack5介绍和使用
! o, ]; h5 z0 E# r) M+ l40.总结webpack
3 [4 g8 K! L0 z' ~. C# G; C
9 r1 A* M" S+ C& s0 }6 h1 F
|
|