refactor(vite): imagemin
This commit is contained in:
@@ -5,15 +5,24 @@
|
||||
}
|
||||
</route>
|
||||
|
||||
<template lang="">
|
||||
<script setup lang="ts">
|
||||
import testBgImg from './test-bg.png'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<view class="m-4 text-center">
|
||||
<view class="mb-2 text-orange-500">
|
||||
原始图片是一个很大的,2.5M,build之后生成的图片只有1.1M,体积下降 56%
|
||||
</view>
|
||||
<!-- #ifdef MP -->
|
||||
<image
|
||||
src="https://cip-shopping-page-0eysug01066a9e-1302818703.tcloudbaseapp.com/fly/img-min/bg-1.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef MP -->
|
||||
<image :src="testBgImg" mode="scaleToFill" />
|
||||
<!-- #endif -->
|
||||
<view class="mb-4">对比图如下2图,如果看不清请看代码原图</view>
|
||||
<image
|
||||
src="https://cip-shopping-page-0eysug01066a9e-1302818703.tcloudbaseapp.com/fly/img-min/before.png"
|
||||
|
||||
BIN
src/pages/demo/page/img-min/test-bg.png
Normal file
BIN
src/pages/demo/page/img-min/test-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 MiB |
Reference in New Issue
Block a user