|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!% l6 u8 D y2 [( E/ C
课程目录:
0 B0 x P2 t# R7 [# w* ]# F0 E01.课程介绍3 }7 Z) q8 Z, }
02.webpack简介
! D- e" z# \% \4 z8 n$ u' b03.webpack五个核心概念! u! W6 C; L& `: V1 q# t6 h0 `
04.webpack的初体验% q0 R9 B& A$ @! V& O; z6 P
05.打包样式资源1 Q- k% g; _+ F, Z% C+ W+ i
06.打包html资源( Q6 R r+ j- [: S8 x, w
07.打包图片资源
/ Q) f) G9 V7 `1 e' G0 u1 w08.打包其他资源5 ~) S7 X) w, D- H2 ?
09.devServer
2 ^8 ~1 ]0 m: O9 b F8 r% \: S( g10.开发环境基本配置
2 ^, ~1 L4 y+ j; ~. h% \3 [11.构建环境介绍! x7 H3 Y2 _7 [. {# B2 I c7 _
12.提取css成单独文件* D* `6 O" A9 V( a
13.css兼容性处理
. G6 i2 ?* F$ n14.压缩css/ b# g- h, p2 L/ C( S) u
15.js语法检查eslint' g0 R' [0 C4 a9 V) _
16.js兼容性处理eslint
) U7 {/ ^4 [( V2 ?17.压缩html和js
; X& m% Q1 v7 U! S' ]18.生产环境基本配置
5 v$ \9 f8 t9 N19.性能优化介绍5 [5 N* w- G/ ?5 n
20.HMR5 L* A: Q6 W9 O
21.source-map+ a" e! N% v9 c5 B! f- Z
22.oneOf2 j0 s( v; ~# M3 V% `; P* D
23.缓存6 k0 I, l3 Z0 ]! Y% G! \
24.tree shaking. P/ r5 ?8 y- ]) ^; G
25.code split: b3 E" m$ u) z, O8 q
26.懒加载和预加载) ?5 H, W6 L9 w4 r
27.PWA$ l: K6 {" e. A8 O+ V9 V/ p5 n- `
28.多进程打包 T2 s7 K& Z! \+ k
29.externals
* P; n/ h4 |* j0 X30.dll
( Q% I5 @* Z. C" ]% [/ z31.性能优化总结
$ U* A9 Y0 l. b" S) D" I4 ^$ a3 I5 f32.webpack配置详解介绍
5 m# C, `' W8 Y, ~* Y! X33.详细配置之entry
8 Z) _8 Z9 W5 w$ J7 e8 m: T) C34.详细配置之output
( h3 S* Y ]& U35.详细配置之module
$ C8 M C# F5 S& p0 s' d1 y36.详细配置之resolve5 q8 d9 W$ F- x: h9 _6 I
37.详细配置之devServer
1 X5 [! F' c1 I/ x38.详细配置之optimization
6 k, y) M4 M. u; `39.webpack5介绍和使用
z! O+ f) [3 V4 G: W40.总结webpack4 X2 W1 U$ x1 z* l
6 C0 ~# s/ x5 p; y q1 ~# F
|
|