vb-pwa

機械翻訳について

vb-pwa

PWA対応webアプリケーションのワーク・ボックスのキャッシュ前マニフェストをサービス・ワーカー・スクリプトに注入します。 (詳細は、Chrome開発者「ワーク・ボックスAPIドキュメント」を参照してください。)

manifestエントリ:

アプリケーション・アセット (build/processed|optimized/webApps/<appId>/**)
services/catalog.json (アプリケーション・デプロイメント中に作成されます。ビルドによって生成されません)
JET依存性
JET永続性ツールキットの依存性
Visual Runtimeの依存性
遠隔測定
ワーク・ボックスの依存関係
インポートされたスタイル・シートとその依存関係(フォント、イメージ)

ユーザーは、カスタム・ワーク・ボックス構成ファイルをアプリケーション・ソース・ルートに追加することで動作をカスタマイズできます。構成の形式は、JSONファイルまたはJavaScriptモジュールのいずれかです:

vb-workbox-config.json
vb-workbox-config.js

JavaScriptモジュールを使用する場合、2つのオプションがあります。モジュールは、オブジェクトを構成としてエクスポートするか、構成オブジェクトを返す関数を公開できます。

オブジェクトをエクスポートする場合、引数として次のコンテキストが渡され、構成オブジェクトの生成に使用できます:

{
  sources: {
    root, // path to the root of GIT sources
    application, // path to the web application in GIT sources
  },
  builtAssets: {
    root, // path to root of the build application assets (build/processed|optimized)
    application, // path to application built assets build/processed|optimized/webApps/foo
  },
  jetUrl, // JET URL
  visualBuilderUrl, // VB URL
}

次の例は、ビルドによって生成されたワーク・ボックス構成をオーバーライドして、キャッシュ前マニフェストがカスタム・ファイル(precacheManifest.json)に挿入されるようにする方法を示しています。ファイルはソースに存在する必要があります。カスタム構成では、JET oj-redwood-min.cssスタイル・シートのカスタム・マニフェスト・エントリも追加されます。

カスタム・ワーク・ボックス構成の例

module.exports = (ctx) => {
  return {
    "swSrc": `${ctx.sources.root}/precacheManifest.js`,
    "swDest": `${ctx.builtAssets.application}/precacheManifest.js`,
    "additionalManifestEntries": [
      {
        "url": `${ctx.jetUrl}/default/css/redwood/oj-redwood-min.css`,
        "revision": null
      }
    ]
  }
}

ワーク・ボックス構成オプションの完全なリストはこちら : https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-build

詳細

詳細	説明
サブタスク	該当なし
複数タスク	該当なし
フック	該当なし
input	`build/processed\|optimized`
output	`build/processed\|optimized`

ビルド・オプション

名前	必須	デフォルト値	説明
target	該当なし	build	ビルド・ディレクトリの名前
git-sources	該当なし	チェック	ビジュアル・アプリケーションのソースのロケーション