|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
8 r+ c5 M) `/ j, n1 b u课程目录:
8 X5 z1 D3 ~/ b0 l1 K" ]( e$ P3 E$ u01.课程介绍) y G+ T& @6 Q7 g8 x% e9 j
02.webpack简介9 o p8 _9 s* W, \
03.webpack五个核心概念
$ Z6 ^3 G6 X1 h- ^, a* ]04.webpack的初体验
' _+ o0 }3 l2 ?) ?* S05.打包样式资源+ O% v1 D3 j9 g: x: m# R
06.打包html资源
' ^" D, l. X6 K$ q07.打包图片资源
0 B6 i1 q/ ]+ w' @08.打包其他资源- u% j/ Y* v$ {/ ]- _$ N
09.devServer% V; u& O, v1 C& q
10.开发环境基本配置' d6 r# [* k- L" P2 @2 {. B9 p
11.构建环境介绍
4 k ~: T# I. S s9 I) y12.提取css成单独文件' W: Z. e# F X
13.css兼容性处理
' C2 L; l; ~4 X; P' T5 U14.压缩css5 x- ]2 F, L) [
15.js语法检查eslint
& Y$ g, d8 X+ i# T! f16.js兼容性处理eslint& C' y ]" q" ~, W/ K' w% f% O: ~
17.压缩html和js
; P! H6 `% h& o* M18.生产环境基本配置
( z1 M+ F/ f3 P, A8 X19.性能优化介绍
, t9 U* k7 q) ]9 Q; J6 A$ J20.HMR. d6 Z7 p* Y: \3 e
21.source-map6 H; R: d' F* h- v2 b; ^
22.oneOf
H0 J( v$ i3 A: ]) A5 Q23.缓存0 m! t4 U U$ M' t! Q
24.tree shaking
2 R2 X0 j: M- W1 @+ j4 e' G9 l D- U25.code split
' ]4 M0 Q4 i4 c. k# [ E* O/ L26.懒加载和预加载
, r/ C5 d4 B+ ^3 k \& I* ]27.PWA
% b/ l/ X4 z* U A/ g: I! T* ]$ d28.多进程打包" t- S% O0 o& t6 ?( @# G
29.externals
7 s; s: Q* q, ?8 }! H" G30.dll
: c. n; t& X" G" x4 p7 T& u7 H; J31.性能优化总结9 k X B9 J. u9 h! h P' K# t
32.webpack配置详解介绍: T! Q! _$ m2 E, _0 l
33.详细配置之entry4 Y0 C5 B1 o5 M, C. `' G1 L; q
34.详细配置之output/ @2 M, J. \2 w v% P0 P
35.详细配置之module
) {: J2 `+ v5 h8 b1 O% _36.详细配置之resolve q# T* G$ M4 p% ]+ _5 @1 c
37.详细配置之devServer
6 L* e8 S, E. c& C) r' l38.详细配置之optimization
& w3 g% Z* C" i5 q9 g& f& @39.webpack5介绍和使用# m7 u& B8 m6 \( p
40.总结webpack
, N+ M9 o* z. `$ ?5 n: r
- Y0 B5 g( w. Z" G" V5 \
|
|