|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
# y' C2 D/ T, | ]- f% j: }课程目录:
; B1 o2 h( a. Y# g3 ^01.课程介绍0 }. k: l: b0 ~# k+ P9 `: [
02.webpack简介
9 w0 r+ W) w3 T, ^; \6 ^. ?03.webpack五个核心概念
$ n! Z/ R. {& z) q* b+ e1 z04.webpack的初体验
3 y$ o. \" @: p/ P05.打包样式资源& C. s5 N- {" Z
06.打包html资源3 E# R8 F( [ C9 p
07.打包图片资源
: i7 n) y3 V3 Y# |08.打包其他资源
3 q8 w: _" w }: F& Q09.devServer
; H* l( m5 ?- k* X. t5 Q10.开发环境基本配置
( x! \4 v- b1 G9 K( Y& v4 I11.构建环境介绍
# v0 a) r! q8 k& z5 m3 v12.提取css成单独文件
7 G3 s, {, F; b13.css兼容性处理/ g! I6 ^; z7 q' j
14.压缩css
6 E* O* M2 b( V5 q4 D1 [& s' f1 a15.js语法检查eslint# R" v( E7 W+ L* I5 n
16.js兼容性处理eslint
0 T2 F. E1 `1 q: E9 Y( o17.压缩html和js
, F/ z0 I" B$ i18.生产环境基本配置2 }4 ]* ^$ k$ j* _; c+ W: {. |3 Q
19.性能优化介绍' T7 I1 M- v. W" G& u- c
20.HMR
* d; ?' D; I0 q0 U& D21.source-map
' }+ f7 J, j- i22.oneOf5 A* V& P5 `9 ~0 r( L% q
23.缓存% m, h3 L' A7 p7 m" s* U
24.tree shaking
2 J6 _' Y- j( G" E% P25.code split
7 K6 U/ n& n+ ?6 v3 y- T26.懒加载和预加载. Q& L! e" |$ F* e# X3 u
27.PWA$ [( S# E% y1 N" w, N! S
28.多进程打包
4 k7 N* y# y0 @29.externals
3 U) U+ f. V* V( G; ^" q) V5 [30.dll0 R8 M( U! j$ n/ ]3 O* Z! I
31.性能优化总结
, b! {. i' t% j32.webpack配置详解介绍
$ O) Q1 \ x, F+ Z33.详细配置之entry
, O) V8 `0 c {34.详细配置之output$ d4 i; l) U& p) F
35.详细配置之module% P7 v6 O% a4 j# q4 t
36.详细配置之resolve
% u* Z" O. g4 c37.详细配置之devServer
# e! ^( i- a" W* V( \; o# }1 [6 s38.详细配置之optimization
" Y- p$ w, L6 b' S39.webpack5介绍和使用
+ D6 w; ~' e f7 l! H2 U- L40.总结webpack8 J* a% x6 g9 o9 V. X
E; \9 n8 k2 v1 S5 t
|
|