|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!$ q# R# c& y1 n u1 q% p
课程目录:
- N; @6 u, o- `: T' d) z; l( K, I01.课程介绍
6 {) I2 w' q5 z9 k/ z ^% r02.webpack简介
: P* E' \& r4 ~$ l' n. s, N) a$ h9 U03.webpack五个核心概念( v5 a8 T5 u0 U( x3 i/ M' w
04.webpack的初体验
0 X( P0 I- k6 ?: a05.打包样式资源
( ~; _! S7 h& N/ ]/ a06.打包html资源, u! s' b8 L+ T2 ` {6 }$ p
07.打包图片资源3 ?3 g! L6 F; ]8 W3 I9 f& q! Z+ K9 m
08.打包其他资源
. c4 _" q1 X4 ?09.devServer
- G1 `: I+ H3 m6 X: g10.开发环境基本配置
4 ]0 R; }8 \# z( ]" b11.构建环境介绍6 i$ `# w& z# y8 q# N' w0 S- P
12.提取css成单独文件* z$ E/ n6 V, A/ W8 N, { S0 n7 f
13.css兼容性处理, e: l; Y- J% G/ c; N0 D
14.压缩css7 Z6 k3 G- c, U5 m( M
15.js语法检查eslint
9 E; y5 B& [4 e. C" ~16.js兼容性处理eslint
+ z. b7 W2 Y1 G* h17.压缩html和js
8 K$ _% n T+ C' K+ u, X1 m18.生产环境基本配置- R$ H' n( Y" e# p1 S0 P
19.性能优化介绍% H: h2 m# i7 V) n1 k" z
20.HMR% H% `5 H, o- [
21.source-map/ E& U* ~8 I3 B1 s9 Z2 Y- g
22.oneOf2 j* R! N' [1 {7 @% E$ B$ A# Z
23.缓存
+ ?, L4 Y" S$ N! b5 U. n24.tree shaking( N) B9 k6 w4 w0 U" Y, ~
25.code split
" W3 a. `& X, ]26.懒加载和预加载: b; [# b8 U$ K8 [: C: c
27.PWA
( \ @( z/ j$ b/ ?28.多进程打包
7 K! K1 |2 l8 G5 z29.externals) s! J7 O, v: _- U! b
30.dll
7 N; @; c! l! z1 F$ A7 D/ h4 g31.性能优化总结
& v! t0 K }" e! T/ R. I" |& i32.webpack配置详解介绍
) U J( E3 H3 f! B33.详细配置之entry
+ P, w" X% Z0 n$ m34.详细配置之output+ \( y0 R7 f+ z' V7 h
35.详细配置之module6 W/ R5 Q" b- l, p
36.详细配置之resolve1 j" n. ?6 f7 ~% c$ }
37.详细配置之devServer
6 M& p% Z$ f2 G* {# f+ H0 q38.详细配置之optimization. F# Q; R* _( M$ o+ }
39.webpack5介绍和使用$ ^$ z+ F X) J3 D% r
40.总结webpack
7 Y" r7 ~! \3 E) q
) G* t: q) N+ d, m
|
|