|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
4 w$ M" T% |+ G, }4 @7 U课程目录:
m& d. X4 r- Q6 l01.课程介绍
4 w5 B1 R. Y& _; f* o* f02.webpack简介! k- G9 o+ j6 z
03.webpack五个核心概念
- i. H- j% T* [4 K8 b/ @04.webpack的初体验
$ Q' B# s$ y% ~* d2 U! n05.打包样式资源1 b. u( }* L! j7 W( ^9 I$ ]( {! r
06.打包html资源* d/ `. s: Q; m
07.打包图片资源
! {" Z" i0 b1 I3 h/ z08.打包其他资源
6 u" j1 F& r# G# g09.devServer4 c0 w4 x. T7 E L$ N, d1 B
10.开发环境基本配置1 r# I! o" D6 w, T- }
11.构建环境介绍
; J/ D. e. L! E7 w( x2 b12.提取css成单独文件2 A* Y" |: J' m! K
13.css兼容性处理
# E+ f5 z$ u A$ ^/ D; Q14.压缩css3 l$ T- j0 ~; G1 s: T
15.js语法检查eslint- u" X7 ~$ S9 ]7 v2 J
16.js兼容性处理eslint
2 c& w1 N/ b \; w/ U n17.压缩html和js8 \) v7 T Y+ d
18.生产环境基本配置& ^! ^8 X9 `) l, v4 O
19.性能优化介绍1 Q9 F3 }& M7 G; [
20.HMR
# c% V/ s( B! X% x; y& N21.source-map
" Y- H, r9 |% _! H; i7 D. R22.oneOf3 b: j# `) o# b4 Y
23.缓存
, Y/ U- H2 M: k4 [# z0 M4 a% O24.tree shaking. j5 `4 w& I- [. E6 i; z" A4 P
25.code split
2 E5 @ G0 ?5 e+ s/ H8 G4 _( Y26.懒加载和预加载4 ~" E" Q; o: Y4 _ H5 r `
27.PWA
) \# c; K" S0 D3 A3 X( q3 @ ?2 a28.多进程打包+ R9 a+ \8 c& M( ?
29.externals, Q: n8 e. E& `
30.dll
' O$ |6 n4 r6 k7 r8 w; a31.性能优化总结7 @/ z/ h7 T% T. @3 g! e
32.webpack配置详解介绍3 ^1 e3 A% n1 l8 P# W2 D5 D
33.详细配置之entry* J% J* B& G f. }0 v1 `
34.详细配置之output* O- b: v/ q# T
35.详细配置之module( f* R( n, ~$ J/ w
36.详细配置之resolve+ f# {4 ~* S/ E' T, i& s5 u
37.详细配置之devServer
3 a( s3 f) V7 }9 ^38.详细配置之optimization
' f2 r1 U% y, M39.webpack5介绍和使用) v @2 T8 B5 N% t2 Z# h
40.总结webpack
4 {/ w5 v1 L* u 1 m8 G) k" y4 w; ^1 s
|
|