|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!" I( ]9 s4 s+ f% s: `
课程目录:
- M) q1 q2 _' F01.课程介绍
9 t5 p# l, @; f02.webpack简介4 ~% \( w6 h1 @
03.webpack五个核心概念
' |5 `7 @4 X/ F3 b) u( R: H1 c04.webpack的初体验( d2 |% F$ D* W/ V
05.打包样式资源
3 C, c& J+ D- [' S8 s( C5 s06.打包html资源
O- `7 ~ s( m }07.打包图片资源
8 T1 Z0 D* g' ]08.打包其他资源$ _3 l+ E# P B9 b
09.devServer
8 j6 i6 h' I6 b10.开发环境基本配置
* z# ?$ R+ M+ S0 l2 o6 w4 q2 P3 ?. d11.构建环境介绍
. M2 W$ [3 ]% A; j% z; c2 v- O12.提取css成单独文件
x% g! S6 C. r* [9 [* \13.css兼容性处理
! I1 Z. y, W% F1 t% r: r# O14.压缩css% M( R, F5 H. D, q
15.js语法检查eslint
8 V- o6 s* I" w% U3 i$ n16.js兼容性处理eslint& _. c$ \2 C/ c- I8 R" e+ X+ m( W* w
17.压缩html和js$ {. j/ A4 z- t4 S* M, ]
18.生产环境基本配置- u# q' l, L5 W
19.性能优化介绍
* v7 [6 | P" z2 n0 I. E20.HMR2 i1 _! F: ]/ }' x3 g# J
21.source-map
; j, F# O5 t8 O) E K+ d22.oneOf! T" \: M; Z5 ~ a; y( p$ N
23.缓存
+ m) M- {2 i0 }& y E r0 U% ]24.tree shaking
- v @, t. _: N7 r9 g( R25.code split+ t9 l+ H" J! G
26.懒加载和预加载
! a; w: A; [, I1 J' O7 T, O2 Y27.PWA
0 p: X/ A& M" ^3 U' f6 U28.多进程打包
% d Z+ |0 D: B8 n( r29.externals
% [- N' _- U4 x0 S- O30.dll0 M& {6 l; U, @1 D2 [
31.性能优化总结# A: J ?* s0 ?* P
32.webpack配置详解介绍8 A8 `8 D3 I, ^3 C! i
33.详细配置之entry2 Q2 u$ f- G. o$ l
34.详细配置之output
9 U- j# }6 l; r' T g35.详细配置之module' M$ I V/ e: z
36.详细配置之resolve( ] y* Q1 Y/ Z3 E9 S% J0 w: a
37.详细配置之devServer7 k ~7 y& s+ j7 H3 g. V
38.详细配置之optimization
- ?1 d+ M" H+ [9 X0 S39.webpack5介绍和使用# f# E& R( V5 q9 K1 v0 @& T
40.总结webpack
s# T. Q& _8 v8 r- z9 E/ t
& Y ~ c, ~) w1 N- Q
|
|