|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!. H: G; x% S; K# C4 _5 I# r6 Y
课程目录:5 d0 z9 m6 I+ x4 x5 I# ~) C
01.课程介绍
# i% `6 G/ t2 h7 N6 o$ W02.webpack简介
- ~2 V* R3 j# O$ ~9 U4 J( I03.webpack五个核心概念
' D' b; M6 r6 H# v( G$ c04.webpack的初体验
1 ^5 y2 w, a! J% M. V. s- J/ L1 A05.打包样式资源) W; f9 z( H1 x0 r9 U) X( ?
06.打包html资源" _0 R, U4 w1 e6 P6 X0 D
07.打包图片资源" T2 r4 `( E2 C) i
08.打包其他资源
2 b5 _$ T: ^4 N/ [5 [* P09.devServer8 m/ t6 E- J, X9 y5 ^2 y+ G
10.开发环境基本配置+ y% K! b/ b( t' x% `. O# _
11.构建环境介绍4 }! [' W: k+ e# E+ j: b, z& E
12.提取css成单独文件6 A$ F3 ?1 r9 S- T3 R9 T" ?, i
13.css兼容性处理& @2 G" w U4 Q1 y0 f- ^" V
14.压缩css* A9 |( N* ~2 ?
15.js语法检查eslint5 V( ?; f3 b+ t9 c
16.js兼容性处理eslint
+ a) y9 q$ q- \9 ]" U17.压缩html和js* _+ h) A+ N+ [
18.生产环境基本配置3 N5 r2 } }9 q& |8 q3 V$ X* e q
19.性能优化介绍 o4 w, F |% H$ {3 W* F5 d
20.HMR8 W: |: R9 |! H
21.source-map
" {: U4 o/ P) A0 A9 S) }22.oneOf' B* m% } N# u4 s# T
23.缓存) l5 b$ r: l$ q
24.tree shaking$ q n, f, ?5 A7 ]
25.code split
* i( a% m. B5 p' Y' d* G26.懒加载和预加载, K8 m! g' @' Y8 {- M+ M
27.PWA% d9 q E! j/ t$ J" L" q. p' K
28.多进程打包
3 ^* Q8 @3 n' a0 k29.externals! `( U4 R# }; s9 [8 |7 R
30.dll
0 B% s2 ^* @( u" b" I5 P) r$ j31.性能优化总结0 z# V& F: H1 A# F1 o- C5 ?
32.webpack配置详解介绍
) _; x3 u. J2 _2 z33.详细配置之entry
?% Q x8 k6 H# W( H34.详细配置之output' d. d4 s; k X$ `& t+ p% k
35.详细配置之module! P0 k. A8 n0 z, ]8 i& F
36.详细配置之resolve
+ a, T# g% H4 N37.详细配置之devServer
0 |; M0 f1 v% d( l) Q$ D38.详细配置之optimization
$ D6 ] B2 z; T' J- s% f, @/ o: q2 E39.webpack5介绍和使用
1 Z; X/ H2 G7 |# i) _40.总结webpack4 f2 e" K" _: ^# {
1 B/ @9 E0 p! a, K' O o
|
|