|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!, `( ~. d8 Y) I; Y( l$ D
课程目录:3 f# D+ U3 A Z: ^
01.课程介绍% s* u$ X: S6 R3 W
02.webpack简介3 m4 i: q' Q1 I2 w# w
03.webpack五个核心概念( s* _ h) f0 Q
04.webpack的初体验7 u/ \$ ]2 d) x" _- Y
05.打包样式资源
' H, J. C) |# |% G7 U, h! H* `06.打包html资源
5 H6 U0 ?* W: H) }# b3 ~( D6 P07.打包图片资源( O" ?8 V# |0 a' P
08.打包其他资源4 D& i: G: [% @/ P7 z! g* X
09.devServer0 R( ~3 R7 S% `
10.开发环境基本配置6 V5 l# p# S$ |6 [
11.构建环境介绍
% u d _ z# i: s12.提取css成单独文件0 D) G! {9 o# x0 H/ A) d# m' ~+ J. c% }
13.css兼容性处理# _, w7 b" A6 o$ [ l( h
14.压缩css9 {1 R) Z# `% [/ G* o1 R5 l
15.js语法检查eslint! I; d& s0 N* ^) K, X
16.js兼容性处理eslint
; U: o- l$ d1 {17.压缩html和js) U$ e/ P5 ~. R% q
18.生产环境基本配置
7 J2 z) K# L4 H4 r19.性能优化介绍" i: O' G; I; W0 Z) D
20.HMR5 g j% P+ N3 U
21.source-map& o( F0 m2 ]: ?# f3 w1 r! d
22.oneOf( M9 X; z5 l a& t
23.缓存
( Q" D9 K& {- Y24.tree shaking
0 p, ?7 Y' R0 |, ^# j. G! O1 }7 s0 }- h25.code split
- L! X7 q9 ^/ i/ w5 {) f3 ^26.懒加载和预加载. P# ]/ |, R! k# C2 S0 B
27.PWA; l0 ~& e: a* p6 h
28.多进程打包% I% S4 ^* I5 F. h: f' w" e
29.externals
" Z" D3 @ g9 S! J8 B30.dll$ Z" T8 z" h7 N ?
31.性能优化总结& _( X6 l- n# \3 M. T4 r
32.webpack配置详解介绍
' v0 A7 x) y: N# E8 H33.详细配置之entry7 d' g- Y2 n' Z& l# J4 @9 x( N
34.详细配置之output; Z6 K: h! L9 _* v( Z
35.详细配置之module
% ^# z2 ^* R3 i' Z. W; T5 a2 M36.详细配置之resolve
8 H- A$ w4 A E, T2 k- Y+ f; F+ k37.详细配置之devServer
/ k$ m( K) `9 T# D3 @1 @# N38.详细配置之optimization5 R& h; v8 j j# o1 L
39.webpack5介绍和使用
& s7 \3 D# E0 h# O+ P" C) u# m40.总结webpack
( c3 p* h l: }' ]$ r ; n Z1 e% w1 z
|
|