|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
8 x y/ |% y- U ]6 W课程目录:0 X l" x* j: u9 ? _
01.课程介绍8 ~# m9 J! |- A" ^0 J% A
02.webpack简介
0 _! `- O4 c; w7 }! ~% Q# b03.webpack五个核心概念
: m5 k7 o" k7 _04.webpack的初体验 i% `0 g0 V! u- Q, k" u
05.打包样式资源: Y9 @! l5 _6 F# R; c! N
06.打包html资源
$ }: k1 }% ]( _$ i ], |* E: f9 X07.打包图片资源
5 X& p% A7 B& d1 X# p/ O7 T/ o- n08.打包其他资源. i7 ?/ _( ^! T. w) p
09.devServer
9 S# O, x/ z4 s5 J7 b9 V* j10.开发环境基本配置9 n! x( ~8 c! I4 H# J
11.构建环境介绍/ q1 ]/ Z# w9 b" H
12.提取css成单独文件% x# m* l$ X0 r( Y4 S" _
13.css兼容性处理, e3 f* E) ^2 W3 l" E8 Y
14.压缩css1 E, l- h1 a3 p7 L! C2 l
15.js语法检查eslint1 g; A) e1 {1 u4 ?8 s. n9 n/ \& N
16.js兼容性处理eslint
! T- S1 w' A: o17.压缩html和js: Z" D, y `8 U
18.生产环境基本配置# ]6 W4 \4 C, F. Y' ?5 e7 d' V
19.性能优化介绍$ r+ N' E* T# I+ R* H- ~5 K$ w! C! I: v
20.HMR
4 E! M1 b& Y$ s6 I, j4 {7 j% I c3 F5 n21.source-map5 d. f( f" V2 s% `- f8 }
22.oneOf0 z) l, ~& [1 r: w$ o/ s
23.缓存# @! t# {4 g- y0 `
24.tree shaking' C8 j6 r( ~, h* Q
25.code split
J( G! A8 S0 A26.懒加载和预加载
7 @, s; c3 t7 J A; W2 `1 u27.PWA
9 m3 [: G$ w6 b8 S/ p28.多进程打包! ^7 }, Y8 E5 O o7 J
29.externals
. B5 {7 T+ V/ {. l( P6 B30.dll7 j! O9 j) D% H3 }$ P
31.性能优化总结
) R- O( m ] h2 I32.webpack配置详解介绍
: t7 F) [' b6 K% o Z) v. G33.详细配置之entry G) v. |! _2 U9 E2 ?
34.详细配置之output' v- L* { ?5 P/ {3 t2 k6 u! P
35.详细配置之module/ [1 b K5 ^6 R7 e. d% o
36.详细配置之resolve8 [6 S5 W4 U$ z5 H/ e* j
37.详细配置之devServer
) z9 |; B/ o+ r& V ?& i& T38.详细配置之optimization
9 J' F+ Y" w, U39.webpack5介绍和使用
) o ?. N5 Z6 e2 H! z: A40.总结webpack
: Z: R: G" t! f }/ K5 Q" A/ s
3 f3 J& S! O/ q5 [ \
|
|