|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
) B R6 e) h1 d m) e: b2 p: s% |课程目录:: s6 q5 \3 Y/ R! |9 r
01.课程介绍- w) a/ {6 j1 o# K5 V# Z/ C
02.webpack简介0 _4 o/ ?" f' [* C+ Z7 A
03.webpack五个核心概念' T3 a$ ~- o7 c3 K0 E" r5 `! L9 g- ?
04.webpack的初体验4 `' V" J& p' z5 ^- W8 M
05.打包样式资源
% D t% X; t4 G06.打包html资源
5 a# a. g. K% Q; L) q07.打包图片资源4 c& b6 l! ]+ i4 u2 @
08.打包其他资源# C: |6 m, t# p# w4 ^2 ]
09.devServer
8 f0 j2 L F/ G8 C! U10.开发环境基本配置" P- B8 u0 I* W: s# x- I! |
11.构建环境介绍
+ S$ z% ?/ r! Z7 |12.提取css成单独文件
6 I9 p- ?+ y; H- ~# U13.css兼容性处理5 F, e+ @+ q$ ^* |
14.压缩css
0 }8 P) z& E( l0 t: |15.js语法检查eslint/ m- Z8 h& `+ M6 v+ Z N, Q
16.js兼容性处理eslint, f" ]0 W' S! f0 a
17.压缩html和js0 o d5 J( o) ~! K! w8 q
18.生产环境基本配置+ S, j9 \ {+ D& Q* ]8 J5 z1 z
19.性能优化介绍0 A9 T7 V, I- F$ h
20.HMR! h2 X- z6 ?" X
21.source-map
m( O9 H) X, ]& L- A22.oneOf
9 i9 r* @9 p3 l( {+ ]( F3 S# t f23.缓存' I) b# [) q9 c1 v" W/ s9 ~ a3 Y
24.tree shaking
) Z2 [+ {6 N8 V5 U) {3 ^25.code split
% d. M' c+ h. N- g w& d ~26.懒加载和预加载4 g4 D! g! H& s* K. U
27.PWA3 F2 v5 f" m3 @$ r/ a- k
28.多进程打包$ e% Y/ Q+ h* `. i9 v
29.externals- s' G# q3 @: @1 x9 n( ?
30.dll
- E% _* @. i* C* j31.性能优化总结
/ u/ I2 u" E9 R* c. R, S' \32.webpack配置详解介绍" L6 y7 @% O* h' W1 G* S X" S
33.详细配置之entry+ M: Y1 j d1 }
34.详细配置之output
: s* Z0 f2 D" x/ s6 m" l( X7 Q1 K8 y35.详细配置之module
8 S5 _( q& w) t) x* S3 _" S36.详细配置之resolve* p; I, E/ I0 g" N. Z
37.详细配置之devServer7 `4 ]/ h0 O, w) d7 Y7 a
38.详细配置之optimization
2 Z+ [4 k6 C: J0 S4 y39.webpack5介绍和使用
. K8 t8 a% b9 R% T40.总结webpack
7 ]: ?% _5 M- R9 i % Y9 n7 \. X* T. n W# p G
|
|