|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
( o% B, A3 K, P6 _7 @+ r; a课程目录:- d3 M. r; T; n |) k9 S6 r* ?
01.课程介绍
o' n( y ^# l) V; e5 T( L02.webpack简介
4 G) [" _. Y* K7 {' Y03.webpack五个核心概念
& ^# S9 K5 B( M04.webpack的初体验# \" V: G+ {1 M K: p+ ]5 U8 l
05.打包样式资源
9 h: b: u2 Z7 P) h06.打包html资源2 x* S: ?! t& P) U8 ?' E
07.打包图片资源
; |) \) t' X# h) x3 c0 I! E08.打包其他资源% A+ @; e& Z: E
09.devServer; q, q% p1 w% @+ j2 w0 y
10.开发环境基本配置7 k3 F* o3 N9 h. ^. `5 Q5 Z5 `
11.构建环境介绍
& f. e) t' K8 v: E4 M; a12.提取css成单独文件
$ G; \& B9 h* j- R13.css兼容性处理8 P+ O( U; j8 ~3 u
14.压缩css
/ l- }6 q; f% k& J6 o+ G15.js语法检查eslint
$ V6 K4 v2 k- T1 T16.js兼容性处理eslint
F5 i& J% c6 i- `) a( W17.压缩html和js
+ a# P+ o) O. z; f/ A7 u18.生产环境基本配置
+ N" V7 g- S6 u+ W3 M8 N19.性能优化介绍0 m5 O! u' p) }! N
20.HMR* A! ^' {" u. W& L6 M1 d
21.source-map/ l2 m$ x8 e. ^% e1 F. Q9 _+ z
22.oneOf/ F6 E. H# ~% Q& }$ c7 h
23.缓存
. ]# f* ]7 A+ D0 R& W9 x4 F5 ^24.tree shaking
( K4 q: m/ n3 |( f- j% f1 q25.code split
# a. G5 y- \6 p) v: |4 f+ j26.懒加载和预加载
4 V. ~# L( |& f% @8 e27.PWA
% o# l% ?) X" P* N28.多进程打包7 x4 M8 Y: [4 z7 q5 l
29.externals
v' [- I- `! |, D30.dll
, {& K" ]! v+ f) p- E31.性能优化总结" Q5 b7 _# Y. y: s* R8 _
32.webpack配置详解介绍3 Q) t9 R+ b7 Y/ @* A: `
33.详细配置之entry
% @7 U4 Q! w5 j8 k" Z, `" `34.详细配置之output5 s5 E. B, N/ l8 Y
35.详细配置之module
) l5 H3 u( }+ C5 `! ^0 v& {36.详细配置之resolve
3 N9 i* s; F, Y" p K9 ~37.详细配置之devServer
, N: u3 y. x) V* |# s38.详细配置之optimization M1 y D6 B+ E0 H
39.webpack5介绍和使用
+ u- l# Y6 c5 b* E; | D40.总结webpack
$ q3 D, f4 c2 W- W
; ]9 Q* j: W, z& }1 A# L3 d
|
|