Da ist CDN für polymer-Elemente?

Ich würde gerne wissen, ob es irgendwelche CDNs für polymer-Elemente, da muss man immer laden Sie die Elemente, und Es wäre mehr convinient, um es zu importieren via cdn. Finde keine auf google? Auch gibt es Gründe, dass es nicht existiert, oder gerade weil es so neu ist?

InformationsquelleAutor gorgi93 | 2014-07-19
  1. 3

    Ich weiß nicht, CDN hosting-polymer-Elemente jetzt und ich nehme an, es würde besser sein, um vulcanize Sie für eine Produktionsumgebung, sondern aufgrund der Tatsache, dass die meisten der Elemente sind gehostet auf github könnten Sie link Ihre Importe zu rawgit.com

    Beispiel:

    <link rel="import" href="https://rawgit.com/Polymer/core-ajax/master/core-ajax.html">
    • Das funktioniert nicht --- die meisten HTML-Dateien beziehen sich auf Dateien, die in anderen Komponenten über relative URLs, wie ../polymer/polymer.html. Weil die github-Verzeichnis-layout hat, dass extra master zwischen dem Namen der Komponente und die mit dem Namen, keiner von diesen wird zu lösen.
    • bitte tun Sie das nicht, github ist nicht ein cdn.
    • href="https://rawgit.com/" >rawgit.com CDN ist und es ist das senden der richtigen Content-Type-header
    • Möchten Sie vielleicht check out RawGit.com, es sind definitiv ist ein CDN.
    • Ja du hast Recht, transitive Abhängigkeiten nicht funktioniert. Sie benötigen alle Elemente, die sich im gleichen Ordner. Ich habe ein Git-repo, die speziell für diesen Zweck: download/polymer-cdn. Siehe auch meine Antwort unten.
    InformationsquelleAutor Oliver
  2. 21

    Es jetzt ist!

    Habe ich das GitHub-repository, das speziell für dieses Zweck:

    download/polymer-cdn

    Alle GitHub-repositories werden automatisch in CDN durch RawGit. Also, mit, dass, wir können jetzt import-Polymer-Elemente mit markup wie dieses (für iron-icons in diesem Fall):

    <link rel="import" 
      href="https://cdn.rawgit.com/download/polymer-cdn/1.0.1/lib/iron-icons/iron-icons.html">

    Projekt Struktur eingerichtet wurde, in der Weise, dass Importe aus den Elementen, die Sie importieren (transitive Abhängigkeiten) richtig aufgelöst.

    Die readme-Datei für das repository eine Liste aller Elemente, die es enthält.

    Etwas fehlt? Lassen Sie mich wissen, und ich werde glücklich sein, um es aufzunehmen.

    Versuchen Sie es

    Können Sie versuchen es jetzt durch hacking auf diesem Codepen:

    Polymer-CDN-B..

    Oder Sie können durch ausführen dieses code-snippet:

    HTML:

    <base href="https://cdn.rawgit.com/download/polymer-cdn/1.5.0/lib/">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="iron-icon/iron-icon.html">
<link rel="import" href="iron-icons/iron-icons.html">
<link rel="import" href="paper-button/paper-button.html">
<link rel="import" href="paper-checkbox/paper-checkbox.html">
<link rel="import" href="paper-tabs/paper-tabs.html">
<link rel="import" href="paper-toggle-button/paper-toggle-button.html">
<style is="custom-style">
  :root {
    --paper-tabs-selection-bar-color: var(--paper-light-blue-900);
    --paper-tab-ink: var(--paper-light-blue-100);
    --paper-tabs: {
      color: white;
      background-color: var(--paper-light-blue-500);
    };
  }
</style>

<div>
  <paper-button raised><iron-icon icon="check"></iron-icon>OK</paper-button>
  <paper-button raised><iron-icon icon="clear"></iron-icon>Cancel</paper-button>
</div>

<p><paper-checkbox>Checkbox</paper-checkbox></p>

<p><paper-toggle-button></paper-toggle-button></p>

<paper-tabs selected="0">
  <paper-tab>TAB 1</paper-tab>
  <paper-tab>TAB 2</paper-tab>
  <paper-tab>TAB 3</paper-tab>
</paper-tabs>

    • Coole initiative, aber ich brauche aktuelle element (Untermenü) nicht verfügbar in Ihrem cdn
    • Arbeiten auf es. In Zukunft benutzen Sie bitte den GitHub issue-tracker als ich Sie das öfters.
    • Ich habe aktualisiert auf die version 1.1.3 von Polymer. Lassen Sie mich wissen, wenn dieses für Sie arbeitet.
    • Irgendein feedback?
    • Ja es funktioniert perfekt. Danke. Ich kann nach meinen plunker zu-polymer-team für den Fehler mit meinem Versuch zu bauen rekursive Papier-Menü die plnkr.co/Bearbeiten/KqR3X5PKfuTKq7oNgTvO?p=info
    • Super!!! Vielen Dank für das feedback. Und vergessen Sie nicht, upvote, wenn es dir geholfen 🙂

    InformationsquelleAutor Stijn de Witt
  3. 6

    Können Sie auch auf polymer-Elemente direkt aus polymer-project.org.

    Beispiel:

    <link rel="import" href="https://www.polymer-project.org/0.5/components/core-ajax/core-ajax.html">
    • Und leider ohne https, die Sie nicht verwenden können, die als Quelle für Google Apps Script!
    • Dies ist für 0.5, die veraltet ist. Ich denke, etwas ähnliches existiert für 1.0... Aber in beiden Fällen werden Sie die Verknüpfung zu einigen 'master' - version, die ist nicht klug, imho. Sollten Sie einen link zu einer bestimmten version, nicht plötzlich auf Sie verändern.
    InformationsquelleAutor CletusW
  4. 5

    Dies ist eine alte Frage, aber es ist eine nicht-hacky Lösung ist jetzt: http://polygit.org/

    Es nutzt rawgit hinter die kulissen, bietet aber eine viel schönere api.

    • Polygit ist jetzt veraltet
    InformationsquelleAutor Johannes Reuter
  5. 1

    Könnten Sie werfen Sie einen Blick auf cloudflares polymer CDN:
    http://cdnjs.com/libraries/polymer

    • Wie kann ich verwenden polymer.js wenn ich Papier-und core-Elementen?
    InformationsquelleAutor Christoph Bühler
  6. 1

    rawgit option

    Müssten Sie verwalten einige Abhängigkeiten manuell da core-ajax.html gibt 404 zurück auf polymer.html. Auch rawgit.com cache ist nur 5 min (cache-control:max-age=300). 5 min cache ist in Ordnung für die Versionskontrolle, aber es sollte mehr für die CDN (https://rawgit.com/Polymer/core-ajax/0.4.1/core-xhr.html). Auch Dateien, die nicht minified.

    vulkanisieren option

    Wahrscheinlich beste option, bevor http/2-Version. Würden Sie haben zu verbringen einige Zeit mit der Konfiguration und integration in Ihren build-Prozess. Auch Sie haben noch keine CDN-Vorteile (keine Daten-Kosten, die bereits zwischengespeicherten Ressourcen von Drittanbieter-domains.)

    Abschluss

    Wird es einige CDN mit minified-polymer-Versionen und langen expires-header auf http/2-Version. Aber ich weiß nichts über irgendwelche jetzt.

    • Beachten Sie, dass wenn Sie-tag der version, die Sie verwenden möchten (eine gute Gewohnheit, sowieso), rawgit können Sie die URLs verwenden, die nie erlischt, die aus dem cache. Eigentlich wird der andere Weg (direkt vom master) darf nur für Testzwecke. Sie erwürgen wird und schließlich zu blockieren, wenn Sie senden, zu viel Verkehr dort.
    InformationsquelleAutor Pavel Cibulka
Schreibe einen Kommentar