WebP ソリューション

webp を有効にする:

1. .tmtworkflowrc を開き、設定を開きます: .tmtworkflowrc, 开启配置：

{  "supportWebp": true}

2. 执行 gulp build_distrrreee

スプライトとimgディレクトリ内の画像を.webp形式に変換します
変換された.webpファイルと元のファイルを比較して、最小のファイルを見つけます(変換後の元のファイルより大きいものもあります)
.webpを生成します. css ファイルは、最小のファイルを呼び出します
html によって参照される CSS アドレスをキャッシュし、WebP 関連の JS を挿入します。ブラウザーが読み込まれると、この JS はブラウザーが WebP をサポートするかどうかを事前に決定します。対応する .css または .webp.css に

これは、フロントエンド アプリケーションの WebP の一般的なソリューションであり、実際の状況に応じて、個人が対応する調整を行うことができます。