|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!2 U2 w, J; p2 }% K6 Y
课程目录:' P! `, r+ X8 m' n3 h9 H* {
01.课程介绍+ H+ q& v$ ?+ W/ T
02.webpack简介% x" d% b1 }* W( Y! D
03.webpack五个核心概念
& @% t; m1 y3 ?; m+ Z: h" {. U( m04.webpack的初体验
7 W" n: x6 x1 p+ M& n3 `2 A m9 S05.打包样式资源
/ E! B7 G$ H/ g/ d5 L4 d9 o06.打包html资源: }' C! B! X" ]9 [; ^; V
07.打包图片资源3 u# f# t& z! G2 Y
08.打包其他资源
+ c6 C n: b, j- T2 T* m09.devServer
5 y0 n1 j. V- P8 w$ a1 e& C10.开发环境基本配置0 g. L% Q% Z; @0 J/ V5 W6 G! I
11.构建环境介绍
( \; k8 m/ L T" P12.提取css成单独文件' j2 y( o, S( ]) {
13.css兼容性处理" Y0 n" l$ E/ P& m) {
14.压缩css
. z9 p4 I" Z. G6 J( U15.js语法检查eslint$ s( o# N% j) P' F* \3 X' N" k' Z
16.js兼容性处理eslint
4 [5 v6 |6 C/ `% N17.压缩html和js
/ U" v# ~+ Z0 K! C/ Y18.生产环境基本配置
) q: c# X/ |1 |7 [! q' _, N; o' W19.性能优化介绍9 X+ d/ O! X2 v0 `+ e
20.HMR/ [3 H9 N5 j8 c
21.source-map
% z: y1 U6 b7 n& \8 C22.oneOf1 |' ]& D5 ]( @) z
23.缓存1 K" y6 d9 V! p( t, Q
24.tree shaking
% M* r& U" m' N3 P! P25.code split
! v# d2 b( P9 _# J26.懒加载和预加载
1 w& `) U. ^% B8 e27.PWA+ E& E) Z) F/ }0 S3 \! c; E) c
28.多进程打包
9 s4 `& C+ y9 d29.externals8 k j: S2 p& C- H
30.dll
" S, F. O1 m: p6 A O& {31.性能优化总结
5 \5 L; A! m+ ^% w U3 Q32.webpack配置详解介绍% _8 j' H8 }4 d# P3 @
33.详细配置之entry
. m) a+ N, k6 z34.详细配置之output
! D) V/ W& K8 k* g2 m35.详细配置之module: B0 X! f" x; ?8 \! I
36.详细配置之resolve$ k% b- S( b$ r5 k o b# z* E7 X% \
37.详细配置之devServer' L c2 q4 Q7 [6 ^8 T
38.详细配置之optimization
4 J' i! e( R W( {39.webpack5介绍和使用) w2 [1 `; D0 y3 G/ U& J( K
40.总结webpack
; F9 j" E( I# f! S- D6 C; w8 R8 D 3 J& V! B( ~5 ?( ?; x
|
|