|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!8 z! ?5 ~* p& C3 h, V1 k( w
课程目录:
( A( V2 H1 i, ` _2 d4 _; v7 m8 z0 @01.课程介绍. l8 J; ~4 [9 Q
02.webpack简介- L" v; Q4 y1 `$ C
03.webpack五个核心概念
3 Q( V( j7 l6 c- I% R04.webpack的初体验1 M6 I5 s8 D3 x/ O& \
05.打包样式资源. d G0 E# s: u3 W& r4 a) p
06.打包html资源
0 l" P6 e% v7 T) R07.打包图片资源
6 B* k3 R& V0 Z3 o6 X2 D08.打包其他资源
3 F" b2 F& V% `09.devServer/ z+ ?3 {! O8 U" S
10.开发环境基本配置
1 D3 @9 [+ d L7 y; Z9 D11.构建环境介绍
. f: x3 S6 D/ R$ \+ i4 Y12.提取css成单独文件- i( e3 L9 R' Z' k
13.css兼容性处理
8 w/ m6 b% E5 T3 u14.压缩css
% V, o5 H3 y) Q$ r+ ?1 s15.js语法检查eslint9 C/ [1 u: I# }3 x$ {! ?+ v
16.js兼容性处理eslint$ y5 Y2 _) w" C5 t: K' r
17.压缩html和js
! `) U0 D0 _5 k/ Z) {18.生产环境基本配置
5 T5 p" o2 Z0 i9 K+ x/ U19.性能优化介绍
k) W Q/ Y; C+ o0 C# I, G6 e8 P( }20.HMR' }+ ^( }+ d3 T9 _8 T1 p$ C- X" i
21.source-map, F3 G& V3 m- m
22.oneOf4 u: W; V8 n0 l3 [! P* i3 p
23.缓存
+ p# z- }: s- P24.tree shaking
* |& G; d/ P l: @! m0 Z/ ~# ^1 L25.code split
. _) R4 o; [" O26.懒加载和预加载, K2 g+ K/ `% A E$ }, s
27.PWA
$ o9 B! D% j) C# c! X. X9 q. c28.多进程打包
0 M* Q* v0 E- D% _29.externals
6 ?4 K7 {) A* ^2 f4 t& O+ d30.dll
4 g8 {) Y; ]6 g' t+ p31.性能优化总结
- j- @1 h! p0 s$ D32.webpack配置详解介绍) h N" G& {0 \
33.详细配置之entry
% I+ J" d9 I! d) e34.详细配置之output0 B# t J: t8 F7 p
35.详细配置之module( R* ?/ @9 ?' Q+ Q1 s5 j
36.详细配置之resolve! s% A6 a. _3 i1 W0 \; Y9 q+ W: i
37.详细配置之devServer( p8 h' w+ X% W
38.详细配置之optimization
% M0 ]7 q8 o. U39.webpack5介绍和使用
4 h8 V7 V) Z! r7 j! v40.总结webpack2 J3 C: R5 Q3 D2 U
$ X) y% L7 E9 P1 A: E0 \! O; e& f
|
|