問題タブ [vulcanize]

Polymerを使用してローカル アプリを作成します。各 Polymer 要素には.htmlおよび.css ( .scssからコンパイル) ファイルがあります。

vulcanize (JS 要素と Polymer 要素を 1 つのファイルに連結する) の使用には利点がありますか? 加硫後に縮小ツールを使用すると、何か利点がありますか?

繰り返しますが、これはローカル (専用) アプリなので、主にパフォーマンスと速度を気にします。

Cordova Crosswalk プロジェクトを使用して apk にコンパイルしたい単純な Polymer HTML アプリがあります。アプリは、Web サーバー上で実行すると完全に機能します。加硫後も期待どおりに機能します。

しかし、Crosswalk を使用して APK を作成し、それを自分の電話にインストールすると、壊れてしまいます。スライドアウト メニューは、他のすべての下に表示されます。ラジオボタンはクリックを登録せず、波及効果がその周りで動かなくなります。通常のボタンは意図したとおりに機能するようです。アプリの端にも白い枠があります。

Vulcanize と Crosswalk を使用したことが何らかの原因であると思われます。非常に一般的であると思われるエラーが発生し、私が見つけた唯一の解決策がVulcanizeだったため、Vulcanizeなしでは試すことができません。http://zclark.github.io/2014/11/26/polymer-crosswalk.html

加硫中に --inline-scripts コマンドを使用しようとしましたが、代わりに白い空白のページが表示されました。

誰が何が間違っているのか知っていますか？

一般的に、なぜ Web ページを加硫することを検討するのでしょうか。たとえば、現在、約 629kb、975ms (30m/s の Wi-Fi ネットワーク下)、93 リクエストの Web サイトを構築しています。

私のページを加硫した後、2.02 秒の読み込み時間で 964kb になりますが、47 リクエストしかありません。

私はいくつかのポリマー プロジェクト コンポーネントをそこに持っています。どのフレームワークにも基づいていません。

だから私の質問は、加硫の大きな毛羽立ちは何ですか? ここで何か不足していますか？Webサイトのパフォーマンスが低下したようです。

webcomponents-lite.js を使用するように移行しようとしていますが、それを加硫するときに問題があります。私はそれを次のように煮詰めました：

加硫後に IE で動作しないもの

切り替えたら

できます

バージョン 1.14.0 で --inline-scripts --inline-css を実行しています

関数のポリマー部分（と思います）で失敗します

with: オブジェクトはプロパティまたはメソッド 'removeAttribute' をサポートしていません

このやや単純な例では、何か間違ったことをしているに違いありませんが、それは何ですか?

liteがポリフィルしないものはありますか?

どうもありがとう

乾杯

Polymer を Jekyll 環境に統合し始めたところです。基本的に、次の依存関係を呼び出す bower.json ファイルを Jekyll ルートに作成しました。

Jekyll ルートで実行bower installした後、要求したすべての Polymer パッケージを含む bower_components フォルダーを取得します。私の Jekyll テンプレートのhead.htmlには、

目的のPolymerパッケージを統合するため。ページを作成して表示するために実行jekyll serveします。ここまでは順調ですね。

ただし、これによりページの読み込み時間が長くなる可能性があると思いますか? 私は、Google 自身のウェブサイト速度テストで、http 呼び出しの数を減らすように求められるとほぼ確信しています。私が発見したように、Polymer はvulcanizehttp リクエストを 1 つに結合するという名前のパッケージを提供します: https://github.com/polymer/vulcanize

正直なところ、これを自分のプロセスに統合する方法が明確にわかりません。について話しているドキュメントを見たことgruntがありますが、正直なところ、それについてはわかりません。

Polymer を使用した Jekyll ページ(html、html 呼び出し、css...)を圧縮する方法について、誰かが簡単な情報を提供できますか? ありがとう！

サイド プロジェクトで gulp-vulcanize を使用できません。例に従いましたが、何も起こらないようです。コンソールにもエラーはありません。

ここに私のフォルダ構造があります:

build/
  - html/
  - css/
  - js/
source/
  - html/
  - css/
  - js/
bower.json
gulpfile.coffee
gulpfile.js
package.json

これが私が使用しているgulpタスクです

私はhtmlファイルを加硫するために以下を使用しています:

• がぶ飲み-3.9.0
• gulp-vulcanize - 6.1.0
• ガル・クリスパー - 1.0.0

Web アプリでウィジェットを構築するために Polymer を使用しています。Web アプリが Mozilla と IE で動作する必要があるため、単一のファイル .html でウィジェット/カスタムタグを加硫する必要があるため、ポリマー フレームワークがファイル .html に含まれます。 . 1 つのページしかない場合は問題ありませんが、複数の Web ページで Polymer を使用する必要があるため、フレームワーク Polymer を複数回ダウンロードする必要があります。ページを加硫してPolymerを一度だけダウンロードする方法はありますか? フレームワークをページに含めずに、まだ外部リンクを使用していることを意味します

ありがとう

ミケーレ