|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
! L; ]+ W8 k* X: w, c0 l2 I, D2 V课程目录:
$ ~0 s9 |+ b7 q0 B4 _2 b01.课程介绍 I3 v3 t9 [' f7 _
02.webpack简介
( |; R& c8 E) J* L- {. u03.webpack五个核心概念( k }9 l: Z) X) U
04.webpack的初体验
' |# v. d+ L% y05.打包样式资源 u, X( j5 H0 f' J8 [
06.打包html资源
6 E- {* m: X0 D2 p3 b" _07.打包图片资源7 h+ T7 T- T+ X; O/ ]9 D
08.打包其他资源5 L' n" c ^+ \' I2 a9 _1 l
09.devServer
, I6 g" p: H. e5 [" ~9 u" d9 {10.开发环境基本配置
4 a2 V! h) S9 ^11.构建环境介绍: D% L2 n3 v& [
12.提取css成单独文件
) s$ z2 U- X" M( H4 J1 o! T; d13.css兼容性处理
3 T1 b4 P+ P$ O' ?- p$ T14.压缩css( h+ p+ z3 V: w4 e& M! s
15.js语法检查eslint+ N) ^# {) E! ], E r, N
16.js兼容性处理eslint. j9 z8 V2 p) s9 e6 T0 @3 W
17.压缩html和js
' _- L; U" [$ F, v+ p9 b3 ?$ `, F2 F1 a18.生产环境基本配置: X4 D! I B: C! h
19.性能优化介绍7 d# Z, ` V2 Q. R7 D& L7 d M: }; g
20.HMR8 d& ~6 w4 E) c0 N8 s0 Z
21.source-map% V1 _& D6 k& c0 _) A
22.oneOf+ c: P0 ?. J1 T4 B' o' d8 C8 m
23.缓存2 {* R9 s$ R2 E3 f Q9 J2 o
24.tree shaking3 r. r; I* Y: F: h8 Y' O/ U
25.code split0 e3 g% I( F! U4 x, H0 V+ e
26.懒加载和预加载
# b3 e( _ a4 j/ H27.PWA
( Q9 o K9 d4 D8 t4 i; R' c28.多进程打包
3 G6 `+ l; l5 M d29.externals4 ~, M. x/ g( o( x1 Z+ P
30.dll
' f1 M# e; Q$ Z2 r6 Z3 {0 \2 W31.性能优化总结
" i: ]& d1 I: R X1 Q32.webpack配置详解介绍# N6 Z( k& o$ V l
33.详细配置之entry
# `$ V- b" s! z: b( o2 I" {34.详细配置之output% X5 b/ S' ?/ K1 H( I& Z- @ @
35.详细配置之module
# ^" a- H0 j1 Y* u3 j& s36.详细配置之resolve2 d! L! P9 `8 Y! Y! j/ u, \+ W
37.详细配置之devServer' y+ [: ~% x% B8 K4 ]; ?, a
38.详细配置之optimization
5 c* j% A4 ~# H6 q l9 v39.webpack5介绍和使用' r) X: }6 b% D8 ?9 i# L5 }' R
40.总结webpack
9 D8 }& v ]! |; N 9 G' H" @! a( @. u" F, h
|
|