|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!# s1 ?* A. N( [
课程目录:
' @8 R" A5 R9 _/ [; R; ?01.课程介绍
& o8 ?5 w* f8 o: b0 s' ]0 H9 T. H02.webpack简介( g5 i( ]. L7 _% p- ]
03.webpack五个核心概念
/ s2 i3 m, B+ l# y6 O( A04.webpack的初体验
) f: `% b5 }# E9 P05.打包样式资源0 D3 W( j/ Z6 p; M" f
06.打包html资源
5 S, e: V8 c+ J+ A5 I+ Y07.打包图片资源# ?/ d7 |, I( Y
08.打包其他资源
8 P* v# n; P9 ^( A0 q/ j( C9 r09.devServer
$ x# I0 @3 d1 N6 c10.开发环境基本配置" R# n8 e$ o! ^' V8 v" r
11.构建环境介绍
6 l% g* S/ C9 z# _& A( S" v( @12.提取css成单独文件9 {) V; w P0 b8 D) n) a% P) b
13.css兼容性处理
* n! f4 u- D% s& w' d6 O14.压缩css
5 X K# t+ _1 m2 m: F1 I, S15.js语法检查eslint
/ j/ [: H; i" a' M- Y& h16.js兼容性处理eslint
1 w0 }6 S, r) _5 B# r6 C: f' r17.压缩html和js
% E& g! d5 c" `18.生产环境基本配置/ B; d0 U2 E, D5 j5 l% n
19.性能优化介绍- Y: s1 q" O" O5 C1 [
20.HMR: G% j, l A$ p% K: c
21.source-map
- c$ }+ G( }+ Y22.oneOf$ L z9 J: q# a5 X7 T
23.缓存9 [% m0 @( Z8 t6 j# E0 U) y
24.tree shaking
5 ^+ s: c' f$ q3 B3 b0 W5 k25.code split3 D4 ~; @% m# m' x. v& Y
26.懒加载和预加载
7 r- g2 a r$ h! \( I/ a2 q27.PWA
6 S6 s* z$ q8 a/ w* ~28.多进程打包* s8 X# J6 _0 l: c$ j$ _
29.externals
Y0 h, l; `* g D30.dll
8 S! y- T. ` |. y31.性能优化总结
5 M9 C8 F. [7 ^9 S$ N# Y, h32.webpack配置详解介绍) b- w5 q& ]) _
33.详细配置之entry
5 z. _( S: Z) K( D- l34.详细配置之output
]! L( N9 b, V4 `+ |7 X1 u35.详细配置之module7 ^! _+ f( a! B' [/ A/ k! X8 _
36.详细配置之resolve
" L! ?) M- s! d0 n2 }2 X37.详细配置之devServer; b6 O' O6 o$ ~
38.详细配置之optimization/ u3 ?' G. ~- f/ P/ b! v
39.webpack5介绍和使用
: c7 z* U" J X# X* q) y# t40.总结webpack0 R: z; P, m1 }% r& N; A$ P
! q! c% p5 g0 o; k4 e% }: F
|
|