imagemin.ts 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. // TIPS: 很多用户无法安装这个插件所以先注释掉了,如果您可以安装成功,那就可以放开这个注释,以及下面的viteImagemin配置
  2. // 注意,小程序有主包2M的限制,所以一般图片会放到图片服务器(不放本地),那就不需要这个插件
  3. // 如果是开发h5或者app的,可以自行安装
  4. import viteImagemin from 'vite-plugin-imagemin'
  5. export default (enabled: boolean) => {
  6. if (!enabled) {
  7. return undefined
  8. }
  9. return viteImagemin({
  10. gifsicle: {
  11. // gif图片压缩
  12. optimizationLevel: 3, // 选择1到3之间的优化级别
  13. interlaced: false, // 隔行扫描gif进行渐进式渲染
  14. // colors: 2 // 将每个输出GIF中不同颜色的数量减少到num或更少。数字必须介于2和256之间。
  15. },
  16. optipng: {
  17. // png
  18. optimizationLevel: 7, // 选择0到7之间的优化级别
  19. },
  20. mozjpeg: {
  21. // jpeg
  22. quality: 20, // 压缩质量,范围从0(最差)到100(最佳)。
  23. },
  24. pngquant: {
  25. // png
  26. quality: [0.8, 0.9], // Min和max是介于0(最差)到1(最佳)之间的数字,类似于JPEG。达到或超过最高质量所需的最少量的颜色。如果转换导致质量低于最低质量,图像将不会被保存。
  27. speed: 4, // 压缩速度,1(强力)到11(最快)
  28. },
  29. svgo: {
  30. // svg压缩
  31. plugins: [
  32. {
  33. name: 'removeViewBox',
  34. },
  35. {
  36. name: 'removeEmptyAttrs',
  37. active: false,
  38. },
  39. ],
  40. },
  41. })
  42. }