Polymer — Как медленно перейти от импорта HTML к модулям ES6?

Как сказано на Polymer-Summit 2017, веб-компоненты в Polymer 3.0 будут импортироваться не с помощью HTML-импорта, а с помощью ES6-модулей.

Поэтому я ищу способ изменить все мои HTML-импорты один за другим в import ES6-модуля без создания нестабильного кода.

Например:
Вот небольшой простой проект.
Их 3 файлы:

|-index.html
|-custom-element.html
|-MyModule.html

index.html импортирует компонент custom-element и создает экземпляр в DOM.
custom-element.html импортирует MyModule.html и использует его функцию square(number).
Весь импорт выполняется с использованием HTML-импорта.
Я пытаюсь понять, как сделать просто MyModule модуль ES6, а затем импортируйте его в файл custom-element.html, не нарушая работы приложения.


person Yairopro    schedule 19.12.2017    source источник


Ответы (1)


Измените тип тега скрипта на <script type="module">.

Импортируйте модуль ES6 из модуля скрипта.

Вот плункер с полным решением.

person Yairopro    schedule 20.12.2017
comment
Ваш плункер имеет импорт HTML и не имеет скрипта с type=module... Я что-то упустил? - person James McKeown; 22.04.2020
comment
Скрипт внутри файла пользовательского элемента. - person Yairopro; 22.04.2020