|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
7 ], d, f7 @0 j- j/ n课程目录:: J+ z: m5 g+ S5 q# h9 a
01.课程介绍: Y6 D! r7 z( D) j
02.webpack简介 f7 c$ _& j3 Y, g
03.webpack五个核心概念: U1 t% E2 r4 V: k
04.webpack的初体验
3 [' ^! Q# _% C& u6 _- ]9 U05.打包样式资源; Y6 m+ _ e+ Y+ V$ r# q( s- l
06.打包html资源
9 F6 {, C6 {( ^: ` F07.打包图片资源# I2 R, N) g/ T
08.打包其他资源9 M& o5 q, P4 N
09.devServer5 }8 k5 B& c! K; Z2 J/ R/ J
10.开发环境基本配置2 m$ ~; l8 p7 ^! v
11.构建环境介绍
4 B1 ]1 e& s% K6 r( s( E12.提取css成单独文件) D$ T! c4 H6 z1 r: s [* g$ h
13.css兼容性处理$ E' K5 h. L) D0 d
14.压缩css9 k: u' K+ f$ G% Y' N! g4 x
15.js语法检查eslint
9 a& a6 X& f1 I G16.js兼容性处理eslint
7 [4 w! X0 ^3 W! I/ B0 q% {17.压缩html和js2 \. b! Z W0 R! n( q
18.生产环境基本配置
7 j& H' y; O( L3 ?19.性能优化介绍; r' e: y p6 b& }7 \+ c8 t
20.HMR
0 _$ K# \, ?% S O21.source-map4 Q+ J! Q2 P7 o D) |
22.oneOf
P. [9 I: K: P! D& n23.缓存+ U/ Y5 k" Z- |* p
24.tree shaking
& r; \7 q4 G' R! k2 |25.code split7 _+ c. |; f3 I2 K# F3 F/ p$ a- V
26.懒加载和预加载
& m! P, m4 e6 [( b27.PWA" X( p) Z; o u' A3 _
28.多进程打包
$ m% J0 v' C) n! l- Q% }# U0 j29.externals
9 F( Z; A# V. h: R+ Y30.dll4 z+ V+ L0 h6 s" K/ G' M
31.性能优化总结3 W, [! ^# E9 L, c+ v3 k" y9 O/ A
32.webpack配置详解介绍3 m3 N* Y- e" N4 p0 z, m
33.详细配置之entry/ a5 x3 G; c p3 z9 s ` R
34.详细配置之output
0 U# s% \ L- }" D- ]8 N( Y* E35.详细配置之module
& y+ \! R$ Z; T+ V. z36.详细配置之resolve3 }# G8 ?( [8 {- C6 z9 X
37.详细配置之devServer
1 y. b- H$ m; a5 r, A" T38.详细配置之optimization8 v( {5 m2 o# W+ K
39.webpack5介绍和使用
; j6 m+ q. o! G7 i/ g& u+ K40.总结webpack# K* z# V4 b) p
4 q4 P4 s2 L0 q5 S# K" \7 U
|
|