Определение веб-компонентов Polymer без их импорта - PullRequest
0 голосов
/ 12 мая 2018

Есть ли способ определить веб-компоненты Polymer непосредственно в файле HTML для страницы, на которой они используются, вместо импорта их через теги ссылок?

Похоже, это было бы быстрее, чем запрашивать страницу, а затем отправлять запросы на html-файлы веб-компонента. До сих пор все руководства, которые я видел, импортировали только ссылки через <link rel="import" href="/my_component.html" />.

Ответы [ 2 ]

0 голосов
/ 14 мая 2018

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

Но так как сборщик в основном делал бы то же самое, определяя все элементы в файле, это, очевидно, возможно. Таким образом, только чтобы ответить на первоначальный вопрос, вы можете увидеть образец здесь .

Так что вам просто нужно использовать несколько dom-module тегов, таких как:

<dom-module id="my-element">
...
</dom-module>
<dom-module id="my-inner-element">
...
</dom-module>

И несколько звонков на customElements.define:

customElements.define(MyElement.is, MyElement);
customElements.define(MyInnerElement.is, MyInnerElement);

Но я, безусловно, не рекомендую записывать все ваше приложение в одном файле.

0 голосов
/ 12 мая 2018

Вы можете использовать Polymer Bundler для уменьшения количества сетевых запросов, объединяющих веб-компоненты и зависимости в одном файле.Вы можете найти больше информации здесь .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...