|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!( c( c t; P9 r: X4 X5 ~' M$ Q0 C
课程目录:
+ x4 H1 n( [( h, O- C# {3 T01.课程介绍0 M4 R! j" Y4 U- F0 k
02.webpack简介
; U6 p9 V2 r2 N e) A" j- ]03.webpack五个核心概念
% g" I) p( b, n: X9 f: K04.webpack的初体验
( V) d( Z- B9 J2 \0 _' X05.打包样式资源
4 f9 ?. }7 C% N/ F, ~- j06.打包html资源
3 ~( I+ |" f: T7 u) N07.打包图片资源
F) H; q) o p08.打包其他资源
8 t1 ^3 A1 d& u3 h8 } L) Y! d09.devServer
, ~ s1 N/ e" ]* }* }10.开发环境基本配置: R6 G6 }4 G6 r7 J' r
11.构建环境介绍1 W( Y; p J- s9 o( h
12.提取css成单独文件" \* l w& m9 J- P
13.css兼容性处理8 M6 f2 G# F- n; f7 ?0 { T5 N( a
14.压缩css
7 a# R3 l/ G5 K2 U15.js语法检查eslint
& f& e0 O# ^* x( C7 K3 s1 \& G16.js兼容性处理eslint
! l; Z' V; u$ |( [17.压缩html和js- N8 h b: B$ v9 j" h% C5 L
18.生产环境基本配置
8 ]7 A, z8 V3 O+ s9 K19.性能优化介绍
3 x8 y9 ]! J, T. {5 Y5 p) o20.HMR
; m5 B% ^5 T( E" x; H" _2 _% f/ l, o# o21.source-map
8 w/ `# g: Y1 S9 f- _: G22.oneOf
. Y* V* @& k& U23.缓存* ?' C# F% }- {4 U% l3 t+ J$ o
24.tree shaking
. s8 v) |5 ]- P7 {5 W25.code split
5 n7 K. r [7 d' I6 U# w- z/ [* L26.懒加载和预加载& r) W! W; X5 k4 r* U4 B$ R) Q
27.PWA
) r( o3 l, o; }28.多进程打包' ]9 ^# n5 J# I3 [; R9 _
29.externals5 X' I# ^$ ^, Y! |) W
30.dll
+ B+ O8 J2 v$ R3 `31.性能优化总结' X7 F0 }" B8 e3 U/ Y6 b3 [5 {9 S _# x
32.webpack配置详解介绍
. X9 U/ K; r0 M6 L0 y33.详细配置之entry4 Q# ?6 C3 ~+ H. m
34.详细配置之output
' Y. }3 C/ w1 g# @4 Z9 O$ E35.详细配置之module
5 X! O% ]1 x M$ G36.详细配置之resolve7 ^6 V/ k" J, C- i9 }
37.详细配置之devServer2 n/ T" p6 f5 n* ]: w' S1 _+ }
38.详细配置之optimization% v5 `7 r* m4 e4 w/ {5 W/ S
39.webpack5介绍和使用
& y% A; Q2 O4 T40.总结webpack2 y7 l+ X3 s: P6 D* H
* Q9 G$ I$ k" s" x' W
|
|