1

バックグラウンド

  • style.mobile.css と styles.desktop.css の 2 つの css ファイルがあります。
  • 名前が示すように、モバイル ビューとデスクトップ ビューに 2 つの個別の CSS を使用しています。
  • 画面サイズに基づいて index.html に css を動的に挿入します
  • 明らかに、styles.css に入れることはできません。
  • フォルダ構造のスクリーンショットを添付しました

質問 ng build --prod を実行するときに、styles.mobile.css と styles.desktop.css にハッシュを追加する方法はありますか?

デバイスを検出して css を挿入するコード

 private addCss(): void {
    if (this.currentDevice === "desktop") {
      this.document
        .getElementById("theme")
        .setAttribute("href", "styles.desktop.css");
    } else {
      this.document
        .getElementById("theme")
        .setAttribute("href", "styles.mobile.css");
    }
  }

ここに画像の説明を入力

4

2 に答える 2

1

「ng build --prod --output-hashing all」を追加し、生成されたファイルの内容をハッシュし、ハッシュをファイル名に追加して、ブラウザのキャッシュ無効化を容易にします

于 2018-10-31T13:19:24.407 に答える