Solution WebP


Activez webp :

1. Ouvrez .tmtworkflowrc, ouvrez la configuration : .tmtworkflowrc, 开启配置：

{  "supportWebp": true}

2. 执行 gulp build_distrrreee

2 Exécutez gulp build_dist et c'est tout

implémentation de webp. processus
  1. Convertissez les images des répertoires sprite et img au format .webp
  2. Comparez le fichier .webp converti avec le fichier d'origine pour trouver le plus petit fichier (certains sont plus grands que le fichier d'origine après conversion)
  3. Générez .webp .css, qui appelle le plus petit fichier
  4. Mettez en cache l'adresse CSS référencée par HTML et insérez le JS lié à Webp. Lorsque le navigateur se charge, ce JS prédéterminera si le navigateur prend en charge Webp. Si tel est le cas, le CSS change d'adresse. au .css ou .webp.css

Il s'agit d'une solution courante pour webp dans les applications frontales. Les individus peuvent effectuer les ajustements correspondants en fonction de la situation réelle.
🎜