|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!8 u6 @$ _- a. B% k- h# [
课程目录:
6 K; ^, Q+ U @% i# ^4 P01.课程介绍/ {3 d2 |' ~- x1 z( C! [5 e
02.webpack简介0 U: p1 f! K1 f5 Y
03.webpack五个核心概念
2 h/ u6 Y% O6 t' \; |0 j' Q# s04.webpack的初体验
6 q& F6 s# c( i: @/ ], D05.打包样式资源6 s( {* `. k8 @2 F, G5 C3 R
06.打包html资源
- {* [- z+ |9 y07.打包图片资源7 [7 K1 b3 U, F$ ~
08.打包其他资源3 U' @# [8 K0 }* Y) c) w# x" h
09.devServer
3 j' j3 N: g0 V& `10.开发环境基本配置
6 g/ R% \( N$ Y. |11.构建环境介绍3 a3 O& ?- |$ |$ C1 \
12.提取css成单独文件
) @" V3 x; _/ }9 k5 L13.css兼容性处理
% S! Y4 c+ L9 \14.压缩css& F1 N1 h( x+ x6 s8 }/ V$ O7 z. A
15.js语法检查eslint
2 c5 X& K! Y$ G" f% f: N16.js兼容性处理eslint
/ `" {2 q6 _3 @17.压缩html和js
9 C6 d9 U6 m% D: F: q, j3 |18.生产环境基本配置9 a: p/ e% g+ K( p
19.性能优化介绍
; ?& s; H7 A8 v( B2 h5 b20.HMR( W+ {% V( y) ^6 M$ b% @ P
21.source-map! ?, H+ l9 C0 {
22.oneOf. Q) e3 C3 o0 n
23.缓存
/ f: v" n- k K2 ~( x* y24.tree shaking/ x* D7 H! b ` `6 w
25.code split
) L' _$ k: A4 t- r26.懒加载和预加载
% A5 Y5 d6 @7 T* ?5 W1 c! I27.PWA
& c- ~# Z3 f% c28.多进程打包' |9 i$ D9 [5 [' r8 N
29.externals- p$ ~3 h' } g! ~7 N5 I' k
30.dll c( P- h' k# [* f* q+ L
31.性能优化总结" r! |( G& |" R1 _8 y L$ B( e6 d2 V
32.webpack配置详解介绍
/ `, t8 _: t. U2 d& i$ B33.详细配置之entry% J2 Z$ V5 l( O, A ^
34.详细配置之output/ g$ f7 o9 ]3 y' T _
35.详细配置之module
( u, G& w9 r0 F3 W1 R3 p; F" ^36.详细配置之resolve
2 b' q1 r! J+ h3 {6 } O% v' p37.详细配置之devServer2 k- O; c$ F1 b) ]
38.详细配置之optimization
; B4 q) ]$ X6 U! X' l39.webpack5介绍和使用
" b2 L1 |$ R% o& L40.总结webpack( Y4 K1 c! J0 l$ J* g! X
2 [' D' I" ^1 i5 e3 p% }6 N
|
|