|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!; `; M4 A( s/ t) Q0 M
课程目录:
& V! n5 C$ D: M1 T0 _6 _; ~01.课程介绍9 A5 b1 z( `1 s: F% U3 {( @: N* F3 H
02.webpack简介
2 C/ E5 A( ^* \$ B* Q03.webpack五个核心概念
& C9 l7 @) {" c4 l( [" Q1 n5 H04.webpack的初体验) v5 f! |5 F) x$ E9 `& A
05.打包样式资源
/ C e8 H! ?/ P) P# d06.打包html资源% ?5 v6 l# z2 [( x! N* ]" W7 f
07.打包图片资源
1 f& z( R# O; t" M0 P: S08.打包其他资源3 q( p# V7 M* b! M& r$ O9 {+ S
09.devServer! x3 K8 C) [* S
10.开发环境基本配置( y9 N# J$ |6 y* e0 P3 I: G7 {
11.构建环境介绍/ X2 O2 T! t# v% w4 j
12.提取css成单独文件& u, f! r2 b) s" r8 m
13.css兼容性处理# N! [" X2 m7 s9 ?3 q% {" F* X
14.压缩css: z7 P: j, i$ S: }5 z
15.js语法检查eslint6 k7 q1 V# D# {
16.js兼容性处理eslint
& e, T1 i* U) [; d( h% A( Z17.压缩html和js3 l) E& h8 R/ e: ? S
18.生产环境基本配置6 d: ~ p% W3 J+ U+ \9 _* |: A
19.性能优化介绍; _* R1 h5 W3 v! U% y+ W' [
20.HMR
1 M) `. v; @, G1 Q7 u4 R21.source-map
: @& N r7 A3 w! o) j22.oneOf
5 S1 K( u4 {- z% ]% Q# }- ]23.缓存4 R) X4 D$ o1 S' S
24.tree shaking
- W/ u5 o/ D: w: w/ v9 T p25.code split! W' I# p# C" G$ j
26.懒加载和预加载# S8 [3 K$ u4 N Z6 h' E+ d
27.PWA
$ [7 P9 i7 S& L) t% k, @28.多进程打包
6 [/ D3 M! @+ M! q. ?2 ?29.externals. C7 n' w3 b5 t
30.dll- y0 m$ I7 F% `
31.性能优化总结8 j3 f* v( h6 ?8 C$ y8 j
32.webpack配置详解介绍) |3 _: X5 t( e# l5 U9 D& Z6 ?
33.详细配置之entry
% o! T& Q. _0 f9 W& P7 a) z34.详细配置之output
+ ~1 F' g" W( M4 a9 t6 m) Z2 |35.详细配置之module; _4 g$ t5 `& w+ c/ l) J
36.详细配置之resolve
! a, g1 @8 i, C; ~5 M37.详细配置之devServer1 Q& J, O6 V/ W" Y8 ?% b9 |; L& u& z
38.详细配置之optimization2 F: Z& h+ R# l) B5 ^
39.webpack5介绍和使用
" h5 a8 }: V0 ?$ m4 t* L40.总结webpack
8 D5 n! \! K9 d) J. Y 4 A+ t# @0 A A V" y
|
|