Penyelesaian WebP


Dayakan webp:

1. Buka .tmtworkflowrc, buka konfigurasi: .tmtworkflowrc, 开启配置：

{  "supportWebp": true}

2. 执行 gulp build_distrrreee

2 Jalankan gulp build_dist dan itu sahaja

proses
  1. Tukar imej dalam direktori sprite dan img ke dalam format .webp
  2. Bandingkan fail .webp yang ditukar dengan fail asal untuk mencari fail terkecil (sesetengahnya lebih besar daripada fail asal selepas penukaran)
  3. Jana .webp . fail css, yang memanggil fail terkecil
  4. Cache alamat css yang dirujuk oleh html dan masukkan JS berkaitan webp Apabila penyemak imbas dimuatkan, JS ini akan menentukan sama ada penyemak imbas menyokong webp kepada .css atau .webp.css yang sepadan

Ini adalah penyelesaian biasa untuk webp dalam aplikasi bahagian hadapan. Individu boleh membuat pelarasan yang sepadan mengikut situasi sebenar.
🎜