|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!3 u' d& r# y/ _5 O [; Y
课程目录:1 v0 D2 \6 r' F# T1 N! h; ]3 N
01.课程介绍! a8 w" z* Z( e7 m3 X
02.webpack简介/ e- D$ o9 T8 z: L* U( d, y! ^) C
03.webpack五个核心概念
% H) \: L* t( k1 @04.webpack的初体验
7 ?1 ~2 I$ Q' x. {; T05.打包样式资源
* d: ]/ I. y6 j z7 n06.打包html资源
# G3 b4 f8 C& N0 j07.打包图片资源. C& M+ Q }3 v# {1 `
08.打包其他资源7 r' I) Q( Q! Y; O
09.devServer4 r" {: x% Q. ^. P' q
10.开发环境基本配置
. m; C' E% |( {2 a11.构建环境介绍, m2 t% o" f# p0 D
12.提取css成单独文件* B4 b/ U. X+ i3 l$ F
13.css兼容性处理6 T' ]) @% O7 l- Y S8 E8 D9 e6 n
14.压缩css; T, F3 F! A7 L6 H# p" C0 t
15.js语法检查eslint7 L9 S- K. y, m+ _
16.js兼容性处理eslint# E# G4 s a f' t
17.压缩html和js) Y1 f9 q x9 ?' t/ p* `9 o/ G# [
18.生产环境基本配置1 U3 C ], _; L( C9 s8 ?5 G
19.性能优化介绍
4 u3 Q1 F2 j0 \4 U: k+ b20.HMR
* ^4 p7 x1 [% T; d21.source-map: X2 p7 e0 T% X6 L7 K4 r( ^% Q
22.oneOf8 a1 C# |3 W# ` h/ P3 t' H A: v4 o
23.缓存
8 x3 M5 M8 z, {24.tree shaking
! c0 ^/ v( Q1 h. N2 Z25.code split2 ?* V& {( @1 H' z
26.懒加载和预加载1 l7 M8 \: {. d
27.PWA
# s A3 y! ]+ e7 ^# |$ P$ \28.多进程打包, D3 D( ]* h# L8 o' l" s
29.externals
4 s& |9 E: z/ ^# U& l30.dll
6 B4 p3 _1 ]' j4 a' N5 t31.性能优化总结& B0 |1 k e& [2 R2 a
32.webpack配置详解介绍5 D' V, w% P+ n3 q1 p' s5 o( T4 V
33.详细配置之entry
) Y' C8 g% `. I0 C! n* ]34.详细配置之output
& ? b) J0 r2 g35.详细配置之module
) w/ m* o( N7 G x36.详细配置之resolve! j# t- K% o% F6 m1 j: m
37.详细配置之devServer
$ u z8 q* S/ \ z: A9 c# m38.详细配置之optimization- M: ?6 @) ^" [* q
39.webpack5介绍和使用5 q w8 d3 R4 ~3 m# K' N6 g' K
40.总结webpack
4 @3 R, f: b) y* B5 W& F+ l
% K0 n5 q( e' M( s
|
|