|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!' Z; ~2 a9 x9 C8 t% n0 k
课程目录:
% C- b8 ^2 H2 ?9 F- W" g1 g7 ~7 s' M01.课程介绍* t$ o: Y* p3 f6 s0 q* a, v& ?
02.webpack简介6 O6 v+ O" `' t
03.webpack五个核心概念' @$ F2 |9 y# O' ]
04.webpack的初体验) v0 F b8 [& k# p Y
05.打包样式资源
+ }0 Y1 p4 K! R8 K06.打包html资源
" g7 ?, \1 R$ G+ c1 |3 B07.打包图片资源
" c1 h( e4 C/ t( M2 M08.打包其他资源, c0 F: o+ Y9 Y+ F+ R
09.devServer/ P# T) b1 E* {' B
10.开发环境基本配置
& r. d: d3 g% M4 ?8 v1 U: N11.构建环境介绍
2 M/ L* r* W3 V12.提取css成单独文件( {" M. W" Y+ Z1 }* G
13.css兼容性处理
' x: _; U2 `/ \1 ]0 M1 R# a7 N14.压缩css
7 c+ h& h; {6 G+ E1 H o9 W15.js语法检查eslint3 x, Z% M3 T# F' n0 O0 y7 A
16.js兼容性处理eslint
0 B0 x, F; j' z$ C3 K; M17.压缩html和js0 r$ n" C0 `0 P+ l) W& O2 {
18.生产环境基本配置" r2 N$ g; f; m2 A
19.性能优化介绍
B! [2 z! g9 G+ t' Q! N4 o0 s20.HMR6 _ n+ q+ k: A. v( z2 U7 S
21.source-map
m& q0 y6 ~/ `6 M4 L* \22.oneOf
7 ~, h( O. v4 @, l1 y; \1 ~7 H23.缓存/ M, q- q3 p: v
24.tree shaking" v( G0 W! D1 y s+ T
25.code split: r2 O4 O' N! C' s1 ?/ x
26.懒加载和预加载
' A2 w0 W! e- V- E( k# Z) A27.PWA* {+ C# {" ^) j2 w( H. P
28.多进程打包* B+ o5 o5 [+ O( B$ t9 z# p
29.externals, K6 l/ P* `- N5 p3 q# i
30.dll
) h ^! ~1 N7 ^0 x9 \8 [31.性能优化总结
0 Z( x# @2 J( L; z7 {4 j32.webpack配置详解介绍5 U3 G6 N: G9 }
33.详细配置之entry0 w, N/ p: l8 y
34.详细配置之output
% B2 s3 i$ `1 {/ y+ _! w35.详细配置之module
5 s5 c b+ L1 h7 I& D2 G36.详细配置之resolve6 t5 W9 F* U0 `9 T/ k
37.详细配置之devServer: ], m# |" ^ } J6 g
38.详细配置之optimization
. y% u& [+ c+ J G. f! @39.webpack5介绍和使用
0 J" L) D# H# f. {+ k# g8 [# R9 V# I% d40.总结webpack
u' L0 a. R- a$ C. O% J# A i+ z* f4 q8 T) y7 b
|
|