rjl
40a6850c3f
- 新增构建插件：打包分析、压缩、自动部署、图片优化和PWA支持 - 将SVG资源转换为WebP格式以提升加载性能 - 添加新的背景图片资源用于用户界面优化 - 更新环境配置：调整基础URL和服务地址 - 优化用户界面组件以适配新的资源格式 - 更新package.json依赖以支持新的构建功能 - 改进构建流程以支持自动部署和性能监控
52 lines
903 B
TypeScript
52 lines
903 B
TypeScript
import { ViteImageOptimizer } from 'vite-plugin-image-optimizer'
|
|
|
|
export function setupImageOptimizer() {
|
|
return ViteImageOptimizer({
|
|
logStats: true,
|
|
|
|
// SVG 优化配置
|
|
svg: {
|
|
multipass: true,
|
|
plugins: [
|
|
{
|
|
name: 'preset-default',
|
|
params: {
|
|
overrides: {
|
|
removeViewBox: false,
|
|
cleanupIds: false,
|
|
},
|
|
},
|
|
},
|
|
'sortAttrs',
|
|
],
|
|
},
|
|
|
|
// PNG 高质量压缩
|
|
png: {
|
|
quality: 90,
|
|
compressionLevel: 9,
|
|
},
|
|
|
|
// JPEG 优化
|
|
jpeg: {
|
|
quality: 85,
|
|
mozjpeg: true,
|
|
},
|
|
jpg: {
|
|
quality: 85,
|
|
mozjpeg: true,
|
|
},
|
|
|
|
// WebP 转换
|
|
webp: {
|
|
quality: 80,
|
|
lossless: false,
|
|
force: true,
|
|
},
|
|
|
|
includePublic: true,
|
|
cache: true,
|
|
cacheLocation: 'node_modules/.cache/image-optimizer',
|
|
})
|
|
}
|