ポリマーCLIビルド|キャッシュバストテクニック

Question

少し背景： 私のアプリはPolymer 2.x上に構築され、HTTP/2をサポートしていないサーバーでホストされており、HTTPSの証明書はありません。私たちはIE11、Chrome、Firefox、Safariをサポートしなければなりません。

問題： ブラウザのキャッシュに関する問題が発生しています。私は、Polymer CLIが生成するサービスワーカーを使用して、キャッシュ破棄を処理することを望んでいました。ただし、クライアントのサーバーにはHTTPSが有効になっていないため、そのサーバーを利用することはできません。いずれにしても、私たちはIE 11を単一のビルドでサポートする必要があるため、サービスワーカーはオプションではありません。

私は新しい展開でキャッシュを破棄する方法を理解できません。 Polymer CLI githubページには、このトピックに関する未解決の問題がありますが、2016年以来の牽引はありませんでした。Polymerに関するYouTubeの動画を見ると、傍受する方法があるようですGulpを使用してビルドしていますが、私はそれを理解できないようです。

ご協力いただきありがとうございます。

Answer 1

gulpを使用してPolymerプロジェクトを構築する場合は、polymer-buildライブラリを使用できます。そして、あなたがgulp-revのようなものを使ってバストをキャッシュすることができ

https://www.polymer-project.org/2.0/toolbox/build-for-production#use-polymer-build

ができますが、必ずことを確認する必要があります。ここではドキュメントに記載された

https://github.com/Polymer/polymer-build

簡単に：あなたはここでそれについて読むことができますカスタム要素名、ファイル名とインポートパスだけを書き換えません。 （私はgulp-rev-allで一度これを試みたが、デフォルトでは<app-header-a9fe00>またはそのような何かを<app-header>を交換しました。）

Answer 2

を、私はこの非常に問題を支援するためにgulp-polymer-buildを作成しましたpolymer build sw-precache-config.js

Answer 3

ビルドの実行を作成している間。 polymer-cli buildコードから借りて、polymer.jsonにビルド設定をサポートしています。構築する前にソースストリームを変更し、設定したすべてのビルドのフォークされたストリームをpolymer.jsonに変更することができます。これにより、アセットのバージョン管理を行うのに、gulp-revとgulp-rev-replaceを使いやすくなります。