|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
% {0 y5 T" y7 Z- _# `. z% D+ z课程目录:
3 Y+ `: }3 i% e- \+ ~01.课程介绍
& g: ^& _9 B: G5 b* H+ D' Q$ U$ L02.webpack简介, i& X+ r$ q) z* a4 s
03.webpack五个核心概念; m7 k9 h% U! a8 q9 v
04.webpack的初体验
9 o0 F* @3 y; l/ u05.打包样式资源
& Z/ h9 L( A+ ]06.打包html资源. k1 L0 x& } V" d
07.打包图片资源
/ k9 d9 \8 u! w- o7 ~- E08.打包其他资源
1 R6 |3 _4 h2 }' c09.devServer
6 j y" T3 X6 L- P- k10.开发环境基本配置 ]' {; F3 ?1 ~% H4 v7 G
11.构建环境介绍
! D5 Y% }# y- r. Y12.提取css成单独文件$ m! m3 g- `4 r0 M
13.css兼容性处理
6 ?& h6 H+ N- M' T: w14.压缩css) ? |* a' ~" R6 P: Y4 G- x8 |1 q3 U
15.js语法检查eslint& V0 v, n; z) _* A3 k
16.js兼容性处理eslint
3 C( Q# y0 Z5 W4 B0 c7 x& u- Q f( _" {17.压缩html和js" i% _; p, w; \9 J' {
18.生产环境基本配置
9 b! @" s5 e( ~0 `+ d5 \; X19.性能优化介绍6 O/ h3 I% _5 O" Z5 A& o
20.HMR
1 f' r( T" L9 y! ~1 _21.source-map- k7 @) [$ R& }4 K/ n' ?9 N( q
22.oneOf; }- f- |% t# T D
23.缓存5 U+ m% P: T; y+ p+ L0 } g+ q
24.tree shaking
[, Y2 F% b2 s& V25.code split% ^! l9 t3 h# s1 ~, N
26.懒加载和预加载
& P( E1 z1 V, t: U. Z5 o27.PWA
6 B7 ]7 T) j G7 a& P0 f6 b' _7 m( P28.多进程打包7 {& \( ~4 I: i6 d* W
29.externals
" I- a4 }/ i, J- S- F$ c; `30.dll
" h% q4 M$ r v31.性能优化总结1 ^8 _+ _6 G# L2 ~1 X8 `" I5 _
32.webpack配置详解介绍
8 I% J ]: p: ^' Y6 m3 G33.详细配置之entry0 Q! z5 G; f" |. W0 ?# W
34.详细配置之output
* r1 l9 A8 J* T w% Q1 w; r35.详细配置之module; Z9 D8 T) c# T: Y6 L( C* s
36.详细配置之resolve
2 b, y( m/ o0 ?5 o8 Z1 ]: e37.详细配置之devServer. u" `: N* x* m
38.详细配置之optimization0 ?$ m! s% E! D' T9 P$ S/ u! V, v
39.webpack5介绍和使用
' [' S" I' [! c3 S$ c8 H& \40.总结webpack
; c- u: n/ T0 t* x7 ?/ w
, L4 E0 {! y# }
|
|