|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!/ e; j) i+ R5 D! T" {8 a h
课程目录:& b" |, D; M0 n
01.课程介绍7 n- i' k+ S$ V: Y1 b
02.webpack简介
; ~1 B6 {; c8 k) T6 n* c5 e: ^03.webpack五个核心概念
$ _+ G& R& ^; J/ q4 Y04.webpack的初体验 W( g1 S W) d+ k, j6 }$ C
05.打包样式资源
; S9 A8 T; q) w5 N L06.打包html资源
|7 q3 s5 _7 t& [/ c) o& V* [07.打包图片资源
+ r( k8 t; S3 t: L* c08.打包其他资源' n- i6 L/ v2 _' r
09.devServer6 x6 o' }( o7 N: U* P
10.开发环境基本配置0 _9 E2 ^4 K" |. ~) B% K" f
11.构建环境介绍+ Q# o- d6 U: ` B& A
12.提取css成单独文件
R- b& {% ^' p13.css兼容性处理( h5 w' b) S, ]; M6 k" m7 a
14.压缩css" A/ p% Z( \2 e7 @5 F
15.js语法检查eslint
/ E8 S# o" ?% k' c7 q16.js兼容性处理eslint
2 C) `9 X- S. B4 _8 V17.压缩html和js5 p) w7 w9 W9 o3 [
18.生产环境基本配置
! q+ K4 V v0 J) S19.性能优化介绍
6 u+ S5 i! m# a2 w& a0 j20.HMR- d. t& }! G/ ~" k# s. g9 ]
21.source-map8 n% L' I' l ~. L. p( \5 p
22.oneOf# k$ Z+ L: J5 v6 {
23.缓存# r; \) A$ @5 i# T6 K e# h& a
24.tree shaking
% A, t' D2 S) X25.code split- _' K( {% o4 E8 H7 s' K& J
26.懒加载和预加载
5 M/ d% i3 z2 ~27.PWA ?5 K; ?+ _$ v
28.多进程打包* {0 k. q: m. ^$ M. @
29.externals/ o3 [9 ~9 A2 t
30.dll
2 ^/ G4 A2 L6 I31.性能优化总结+ ^: I* p$ E5 i. C9 z# D
32.webpack配置详解介绍5 y) I3 n# X6 R; K% ^) ^, E
33.详细配置之entry- t K1 \. i' P' Z/ V
34.详细配置之output
& E& J [' i2 l x' f! M- c% s35.详细配置之module
8 \7 |& X, c" e" w8 h36.详细配置之resolve
3 Z5 W0 E$ X( I0 Y; h37.详细配置之devServer
& T1 ]0 _" ?1 A3 h% i! H4 k/ S38.详细配置之optimization
/ K% X; i% Q/ X, E6 q39.webpack5介绍和使用
0 u: L+ w( f3 `6 X9 |, a3 C- X40.总结webpack
+ `: m1 B- ]$ R7 p+ k8 P ; n5 b; V M4 b: I- ^4 I+ B
|
|