|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神! {; v0 _% ]# I2 a- ?
课程目录:: |! C3 T1 y6 L% q: y y8 w8 j
01.课程介绍0 k- M: |2 n" J& t6 A
02.webpack简介8 m- p5 l, a0 Z% C# s; E( g; c
03.webpack五个核心概念- n4 \/ J/ F8 a1 Y
04.webpack的初体验! E G4 K& P8 q# U" I1 X2 T
05.打包样式资源
6 E6 r; h$ o+ H0 q% l0 b, r+ }% t06.打包html资源( P6 S' S: N$ _4 R6 v
07.打包图片资源
6 H1 ~' X/ J9 ~1 T+ Q08.打包其他资源- q3 w( x$ w, C+ Y
09.devServer3 \7 G) b9 ^0 p& u
10.开发环境基本配置) s: f7 [7 z6 P
11.构建环境介绍
! e6 C) e+ o* j% l: }3 P12.提取css成单独文件
& Z1 f2 F& [0 V5 L13.css兼容性处理
4 g* U' B- Z1 Z" u/ f- h! @( H14.压缩css: u2 B8 c# M' d/ O: {+ _1 o: H8 b$ j7 U( A
15.js语法检查eslint
) v& g; d) s" ?/ e. \ C16.js兼容性处理eslint1 a; `8 r6 c) ]' f. G- s3 v
17.压缩html和js" X# p J0 ~. o" _ Z7 [8 V
18.生产环境基本配置% [$ _5 G( `6 x X/ s& B. j
19.性能优化介绍9 z3 V" s+ D. J2 Y& c o; I, J* s
20.HMR" w5 B) Z) _" c1 c
21.source-map
) p# r' i5 I! y2 J k* @8 P22.oneOf
5 O4 s5 I% y. x: o23.缓存4 x! e4 p! a5 ` l) |4 l
24.tree shaking# R) L6 I: v% A$ _5 |
25.code split$ _. I2 o9 c" n3 T! t" n3 U
26.懒加载和预加载7 V4 Q8 k$ U# U7 C
27.PWA
5 e X m& T+ ~; _0 U- P28.多进程打包
- O& s( d% {4 X b29.externals% h4 J! E* a- E; A+ |/ g$ q' r# J/ o
30.dll: x: x) ^2 [! D% D
31.性能优化总结
( n5 H& l+ h4 ^9 @6 D5 m1 z32.webpack配置详解介绍
4 x+ X8 x% y& ~/ E" v2 j33.详细配置之entry
% ~) }! y8 e* z+ R) o" F34.详细配置之output4 C/ S. S9 O% w# x9 N2 G3 J$ {
35.详细配置之module1 S! Z# V8 l; s* P5 q$ H* t u
36.详细配置之resolve
! q1 G1 d3 W- d4 U37.详细配置之devServer6 A3 E" v3 G9 |' x
38.详细配置之optimization5 ? n; p( o" z9 a
39.webpack5介绍和使用4 h* v; i3 m8 X% w3 A% Z: c, z" F/ M! U
40.总结webpack
; [: |8 M8 D3 u T/ p; `- t - K' H9 L1 O9 B6 c) R- H$ d
|
|