Как импортировать функцию javascript с использованием ES6 в компонент Polymer 1.0?

Question

Я использую Polymer 1.0, и я хотел бы сделать мой код модульным с использованием ES6.Моя идея состоит в том, чтобы создать несколько разных файлов с определениями функций, которые я бы импортировал в файл .html, содержащий определение моего полимерного компонента, где я мог бы их вызвать.

Я пытался поместить оператор импорта в оба createdи attached полимерные функции, но ни одна из них не работает.

Это то, что я пытаюсь даже возможно?Если да, то где я должен поместить свое заявление на импорт?

Answer 1

Polymer v1 компоненты импорта были в html

Пример

<link rel="import" href="../polymer.html">
<link rel="import" href="../bower_components/polymer/polymer-element.html">

, чтобы вы могли сейчас использовать для этого веб-пакет и добавить весь свой импорт втот же файл, как

/* src/index.js */

import './polymer';
import './my-element.html';

Поместите этот файл в качестве записи для webpack, тогда он будет принимать все ваши импортированные файлы в generate один HTML-файл , который вы будете ссылать в своемприменение.

Answer 2

Я не думаю, что вы можете сделать это в Polymer v1.Вам нужно использовать шаг сборки для преобразования импорта HTML.Я предлагаю использовать webpack и этот отличный плагин от Rob Dodson (из команды Polymer) https://robdodson.me/how-to-use-polymer-with-webpack/, который позволит вам делать именно то, что вы хотите, то есть использовать импорт es6 внутри импорта html.

Имейте в видупомните, что Polymer v1 теперь устарел, и вам следует перейти на более поздние версии, которые не используют импорт html.