Есть ли CDN для полимерных элементов?

Ответ 1

Сейчас я не знаю каких-либо элементов для хранения CDN-хостов, и я предполагаю, что было бы лучше vulcanize их для производственной среды, но из-за того, что большинство элементов размещены на github, вы могли бы связать свой импорт с rawgit.com

Пример:

<link rel="import" href="https://rawgit.com/Polymer/core-ajax/master/core-ajax.html">

Ответ 2

Теперь есть!

Я создал этот репозиторий GitHub специально для этой цели:

download/polymer-cdn

Все репозитории GitHub автоматически записываются в CDN через RawGit. Итак, используя это, мы теперь можем импортировать элементы Polymer с использованием разметки, подобной этой (для iron-icons в этом случае):

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

Структура проекта была создана таким образом, чтобы правильно импортировать импортируемые из импортируемых элементов (транзитивные зависимости).

В readme для репозитория есть список всех содержащихся в нем элементов.

Отсутствует что-то? Сообщите мне, и я буду рад включить его.

Попробуйте

Вы можете попробовать прямо сейчас, взломав этот Codepen:

Пример полимера-CDN.

Или вы можете запустить этот фрагмент кода:

<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>

Ответ 3

Вы также можете получить доступ к полимерным элементам непосредственно из polymer-project.org.

Пример:

<link rel="import" href="https://www.polymer-project.org/0.5/components/core-ajax/core-ajax.html">

Ответ 4

Это старый вопрос, но теперь есть не-хакерское решение: http://polygit.org/

Он использует rawgit за шторами, но обеспечивает гораздо более приятный api.

Ответ 5

Вы можете взглянуть на облачный полимер CDN: http://cdnjs.com/libraries/polymer

Ответ 6

опция rawgit

Вам нужно будет управлять некоторыми зависимостями вручную, так как core-ajax.html возвращает 404 на polymer.html. Также кеш rawgit.com установлен только на 5 минут (управление кешем: max-age = 300). 5-минутный кеш отлично подходит для контроля версий, но он должен быть больше для CDN (https://rawgit.com/Polymer/core-ajax/0.4.1/core-xhr.html). Также файлы не минимизируются.

вариант вулканизации

Вероятно, лучший вариант перед выпуском http/2. Вам придется потратить некоторое время на настройку и интеграцию в процесс сборки. Кроме того, у вас нет преимуществ CDN (нет стоимости данных, уже кэшированных ресурсов от сторонних доменов).

вывод

Там будет CDN с минитипированными версиями полимера и длинным заголовком истекает в версии http/2. Но я ничего не знаю сейчас.