|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!9 T- h, A6 w" \) p3 D' P
课程目录:
0 J4 F* ?" ~: t C6 ]) s: m6 N01.课程介绍
: d* w. Y6 X% d; b E: L02.webpack简介 ^1 V0 B f8 u/ Q) e# b, E9 k
03.webpack五个核心概念9 A3 x" N/ z5 |7 x) h
04.webpack的初体验% \7 {6 R& j e2 v. q( p" ^8 z
05.打包样式资源
& G) U3 m5 r9 A8 B. H( f06.打包html资源: K0 c; d$ T' c* o
07.打包图片资源; G, z! g' z) c2 Y; Z$ T, q. F
08.打包其他资源1 y' I& C8 K# U2 |* X) R( S
09.devServer) E/ O9 Z5 J& C) Y
10.开发环境基本配置
8 M# Y) {5 D0 F9 E+ S# B11.构建环境介绍
* \$ ?0 {, K0 |) C12.提取css成单独文件
, a" v: N& `0 Q" _5 M* F13.css兼容性处理
( \! H* w4 W8 O* t14.压缩css
2 ~0 h3 y/ q( z1 K& o' \& k15.js语法检查eslint
9 a- d4 N) y3 B7 m! n16.js兼容性处理eslint
; R% B1 q/ y- x. P! [0 C17.压缩html和js
. L; h6 @' [; i O8 |) w18.生产环境基本配置, V! |% `+ r9 f3 {0 V: y
19.性能优化介绍" l% Z6 l+ \3 [: ^
20.HMR
5 c, F) A3 E) }21.source-map
/ u/ b; d% @ @22.oneOf# J) J5 o& k8 Q. u9 ~
23.缓存
8 z7 A% ~7 B- j9 b: @# t I' @24.tree shaking
2 y6 p7 R7 W4 P- K4 |% U25.code split- T S: n2 L. c5 f6 s; V$ i
26.懒加载和预加载
& E2 O3 s. `& ?/ |/ `- Y27.PWA& O) Z$ O1 V, l+ z2 n6 B
28.多进程打包7 ^0 v6 V; p: h$ a0 ~/ w1 M
29.externals
. J( l1 D0 D `* v1 E; U8 A30.dll
6 N C( F6 e) Z" ~. E31.性能优化总结
. \" v, O* g4 [) C2 X/ Z32.webpack配置详解介绍
- Z& f! N' X) O1 e# [- |2 n% L$ i5 V33.详细配置之entry
! t) m: Y: C& S1 k34.详细配置之output
7 Y, V a5 F, X1 p# s5 H. z' L35.详细配置之module
$ P5 @7 Z' d# F, m% H) d36.详细配置之resolve
) u9 {9 `8 E* @% ^! D2 J37.详细配置之devServer
+ L* k- d" v3 i38.详细配置之optimization
& Z' h' b2 T+ S# T0 P& z39.webpack5介绍和使用
1 r$ F S2 P8 l: B& | R }3 [5 d40.总结webpack M5 D6 j0 t; V6 Q! R, U: {
0 g: T! G' q. y- i; k
|
|