|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!- Q8 f) e2 y. @' z) Y# D7 c
课程目录:# j2 e' A0 S0 ~; R
01.课程介绍
) k, a) t$ s3 @. z5 O( S4 ~02.webpack简介" d# _$ V) X1 S9 F
03.webpack五个核心概念4 `3 D& h& k9 H
04.webpack的初体验" k' W6 n* ~& I6 [$ h. q2 i+ Y' F
05.打包样式资源/ g4 V% N4 V( Z6 |+ r5 L* C
06.打包html资源% {/ ?1 m9 Y+ V& Z
07.打包图片资源
2 P+ U2 v$ |' {+ }' i08.打包其他资源
6 |5 q5 I. C0 f, k% ]0 t09.devServer
) j7 J( v/ T4 }# p+ Q10.开发环境基本配置# D b! a3 W) O- j5 i# @6 C) g
11.构建环境介绍
/ T w1 f+ f. m3 ?9 ]12.提取css成单独文件- Q K. g# ]9 o! b! k3 T! ]1 ~
13.css兼容性处理
: B% G) Z# L& F" R( v6 G% _14.压缩css
: [9 f/ d0 G7 N- z6 P5 |/ \+ z15.js语法检查eslint+ m9 I4 a/ c5 p& y4 g+ o* Z
16.js兼容性处理eslint
! x8 z' c3 M/ W3 s17.压缩html和js2 L& K$ `( |9 A+ X- v- d8 `
18.生产环境基本配置
4 u* V' c9 M9 U8 w: c/ t3 e19.性能优化介绍+ @4 ~4 D9 {: ~4 Z2 J
20.HMR
. \9 C! b) T3 f" F. ~21.source-map
: Q1 i7 \* _7 L2 i: c4 `: j22.oneOf
* _8 m+ E* N- ]' J- J; x, p- D23.缓存2 e! _5 G; Y+ N$ R
24.tree shaking
: W6 P$ c& v* y; k" \, o: j! B25.code split
! ~3 L7 `4 k9 g9 Y+ B26.懒加载和预加载
7 [8 N) n- ?. g27.PWA
! A2 l3 g; n% H' a28.多进程打包
: V% ` z5 V* X0 t1 \8 F1 O29.externals9 T/ N# z2 M$ o% O5 s$ G8 G
30.dll
: l d7 r7 R) u6 A; h6 ?! N' o9 ^31.性能优化总结 T9 Q2 n B+ K \9 O5 C
32.webpack配置详解介绍
+ {2 ~- D: y. l) ]" Q& E. w H33.详细配置之entry8 o% F5 {" |7 a( m
34.详细配置之output( a" v+ r% r2 V' f/ ?7 u
35.详细配置之module$ `* z; Q& @9 B; H' @
36.详细配置之resolve
3 h/ N8 K2 K" T. j" T. T8 B3 Z+ Q37.详细配置之devServer
/ Y; ^+ Z. R* P. a6 _6 z# ?, D38.详细配置之optimization
4 M& w& }. ]' G6 v" k39.webpack5介绍和使用; J4 b+ ` Q% y5 w- b
40.总结webpack
6 s( E# j) Z' m5 `' P8 y 6 a: X% u/ B8 V5 z% [
|
|