|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!+ ? q0 y$ d# A3 ~: C& ]; k
课程目录:" j7 k1 k, d; v: S) m, W+ v8 u) O( N
01.课程介绍$ W6 Q" s% C6 h: u# {: q
02.webpack简介2 z. {$ e) v! W$ w8 i
03.webpack五个核心概念
7 { C* K( b* x1 p04.webpack的初体验* g. q1 {9 b5 G( b+ g) h
05.打包样式资源
9 U% X2 _% u2 ]/ P$ J06.打包html资源
) x8 T- I$ l; _1 q07.打包图片资源5 s9 k' ?% g, i% j9 c2 ]* e
08.打包其他资源; W" B/ u0 Q( R
09.devServer
- y* F# i3 {6 t) l- a: y6 _ {. K10.开发环境基本配置
$ J% x4 U2 P. J. w1 ~11.构建环境介绍
# P* O' R7 X( ?8 B7 a' A12.提取css成单独文件
/ ~! |, q" B- s+ m! |8 h13.css兼容性处理& [% r- j6 }+ ]0 r
14.压缩css
2 V5 e! N: C5 U15.js语法检查eslint
: r; g/ O' C4 M$ |; t16.js兼容性处理eslint% c* W; t6 s; h' s
17.压缩html和js
( q, L" q8 w% d- D8 z18.生产环境基本配置7 L2 d' `8 q# @6 C4 x: k. W4 M
19.性能优化介绍$ w# x: Q* j/ J* a
20.HMR+ r# q1 k6 G* h. a: S
21.source-map& y( n; S0 S* K. L0 r1 R4 Q
22.oneOf
2 }9 o! |; e: t; f% J1 W! M23.缓存& Z4 F' }& D, d r
24.tree shaking
3 W& G$ X$ B0 @$ b3 B7 E/ K25.code split
+ l" c+ U' O$ `/ h2 C26.懒加载和预加载
* y+ W$ R9 g/ ]: V- L, H% X3 B27.PWA
/ n6 d1 o7 |: R$ J3 H# L28.多进程打包
" y/ W" V" {! c4 N29.externals- a+ C2 u7 T9 s
30.dll
5 k0 A/ k; f7 V. D1 D2 Q31.性能优化总结0 m' D0 D6 A2 e- q+ g. {" d
32.webpack配置详解介绍) s1 l2 [! E( n1 M6 q$ T' K8 w
33.详细配置之entry
( T d0 P1 ~$ k2 Z6 {2 S* M& j0 C( R34.详细配置之output
" R+ `$ H2 g" [% x% a# a/ O35.详细配置之module
. o2 S8 }4 X, N: k/ Q: N36.详细配置之resolve
# o, i" N: Q- r& y& ?; }37.详细配置之devServer4 D+ n% X+ |' g7 @$ \
38.详细配置之optimization' z- D# n% @1 K# u- r, M& E3 w# f
39.webpack5介绍和使用; y7 F$ y$ G0 e n" F! p! U+ `
40.总结webpack
1 x0 b" Y5 Z1 N- ?8 x ! _! U2 \' w1 P K
|
|