fix: 修复 vite-plugin-imagemin 在windows环境下无法成功安装

This commit is contained in:
Your Name 2024-02-19 16:05:00 +08:00
parent de37a7461a
commit 668b34c456
2 changed files with 36 additions and 35 deletions

View File

@ -140,6 +140,7 @@
"unocss": "^0.58.0",
"unplugin-auto-import": "^0.17.2",
"vite": "4.0.3",
"vite-plugin-imagemin": "^0.6.1",
"vite-plugin-restart": "^0.4.0",
"vite-plugin-svg-icons": "^2.0.1",
"vite-plugin-vue-setup-extend": "^0.4.0",

View File

@ -26,7 +26,7 @@ import ViteRestart from 'vite-plugin-restart'
import { visualizer } from 'rollup-plugin-visualizer'
// TIPS: 很多用户无法安装这个插件所以先注释掉了如果您可以安装成功那就可以放开这个注释以及下面的viteImagemin配置
// 注意小程序有主包2M的限制所以一般图片会放到图片服务器不放本地那就不需要这个插件
// import viteImagemin from 'vite-plugin-imagemin'
import viteImagemin from 'vite-plugin-imagemin'
// https://vitejs.dev/config/
export default ({ command, mode }) => {
@ -97,40 +97,40 @@ export default ({ command, mode }) => {
brotliSize: true,
}),
// 这个图片压缩插件比较耗时,希望仅在生产环境使用
// mode === 'production' &&
// viteImagemin({
// gifsicle: {
// // gif图片压缩
// optimizationLevel: 3, // 选择1到3之间的优化级别
// interlaced: false, // 隔行扫描gif进行渐进式渲染
// // colors: 2 // 将每个输出GIF中不同颜色的数量减少到num或更少。数字必须介于2和256之间。
// },
// optipng: {
// // png
// optimizationLevel: 7, // 选择0到7之间的优化级别
// },
// mozjpeg: {
// // jpeg
// quality: 20, // 压缩质量范围从0(最差)到100(最佳)。
// },
// pngquant: {
// // png
// quality: [0.8, 0.9], // Min和max是介于0(最差)到1(最佳)之间的数字类似于JPEG。达到或超过最高质量所需的最少量的颜色。如果转换导致质量低于最低质量图像将不会被保存。
// speed: 4, // 压缩速度1(强力)到11(最快)
// },
// svgo: {
// // svg压缩
// plugins: [
// {
// name: 'removeViewBox',
// },
// {
// name: 'removeEmptyAttrs',
// active: false,
// },
// ],
// },
// }),
mode === 'production' &&
viteImagemin({
gifsicle: {
// gif图片压缩
optimizationLevel: 3, // 选择1到3之间的优化级别
interlaced: false, // 隔行扫描gif进行渐进式渲染
// colors: 2 // 将每个输出GIF中不同颜色的数量减少到num或更少。数字必须介于2和256之间。
},
optipng: {
// png
optimizationLevel: 7, // 选择0到7之间的优化级别
},
mozjpeg: {
// jpeg
quality: 20, // 压缩质量范围从0(最差)到100(最佳)。
},
pngquant: {
// png
quality: [0.8, 0.9], // Min和max是介于0(最差)到1(最佳)之间的数字类似于JPEG。达到或超过最高质量所需的最少量的颜色。如果转换导致质量低于最低质量图像将不会被保存。
speed: 4, // 压缩速度1(强力)到11(最快)
},
svgo: {
// svg压缩
plugins: [
{
name: 'removeViewBox',
},
{
name: 'removeEmptyAttrs',
active: false,
},
],
},
}),
],
css: {