|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
6 L$ x: z1 o4 K6 l- M课程目录:& i6 l, ]9 X3 p. K) ~# m3 v
01.课程介绍
. U. {7 Y0 l3 |5 g4 @02.webpack简介, X$ D7 A& P" j, p h8 _
03.webpack五个核心概念5 |3 m k; T" M7 ?5 h
04.webpack的初体验, z4 f( `1 B0 `9 g; S; {
05.打包样式资源
6 i* A# W, ^3 C" U0 m4 n06.打包html资源2 h) w2 z# g$ I# w
07.打包图片资源6 B$ l- f, k) t+ Q1 z3 }
08.打包其他资源* n. b' L6 q6 k( {' |/ v
09.devServer
. h o' s5 \ ~) @% j6 u( m10.开发环境基本配置
/ ~6 L" x* V0 f7 u8 Z4 Q) c, H11.构建环境介绍0 q/ M/ ]3 |# ^
12.提取css成单独文件1 [; V- L8 o* I/ z V1 R
13.css兼容性处理7 k" e6 y2 @3 t, x4 q/ j
14.压缩css2 m0 Y; l* V9 z) z: @" D8 J9 ?7 I
15.js语法检查eslint' u* O6 Z" ]1 s
16.js兼容性处理eslint: k- o" V" u$ s n& |% L+ q
17.压缩html和js
( C* [- S. [# S, s" `18.生产环境基本配置
* ^% U1 [3 w0 S19.性能优化介绍3 ]' Y: o5 w7 ]( l6 M9 t
20.HMR; O) R0 K% V% m$ m9 G
21.source-map
4 h% ?) E( R% E5 l9 t22.oneOf! X5 j' _, ^/ @) D
23.缓存$ b5 B1 c! |" j- Z5 f; w% d
24.tree shaking7 z; E5 p( Y+ L! E E! ]
25.code split
' f& t! U* V1 ?( y26.懒加载和预加载
3 g r' [$ I, H27.PWA
: o3 j+ _5 \. x( t9 |28.多进程打包! S9 v/ s- c: w4 [
29.externals
. b7 z8 _8 u% C2 [30.dll% w0 R( p3 Q5 c, e7 q, F E9 r. e
31.性能优化总结
$ Q% j( m% Q7 X+ a: f32.webpack配置详解介绍
" C( O S$ v& h0 J% r* w/ _4 }33.详细配置之entry% T+ {6 I* P! \/ A+ ~. W" {3 h
34.详细配置之output9 G& [( q1 H% ?! c
35.详细配置之module
* L# O2 F4 K1 h5 Q4 n36.详细配置之resolve
& m9 T2 b- {' {, w& v37.详细配置之devServer
0 n- [2 ^2 K3 {9 e2 h- B2 k9 i/ F38.详细配置之optimization2 _/ m( \- I5 y, K: t6 t @2 Z8 ~
39.webpack5介绍和使用) f s Y( d$ |) P
40.总结webpack
! w' @& @- A3 g+ e3 [
( x4 u" `# q: k8 E
|
|