Я использую Polymer 1.0 и хочу сделать свой код модульным с использованием ES6. Моя идея состоит в том, чтобы создать несколько разных файлов с определениями функций, которые я бы импортировал в файл .html, содержащий определение моего полимерного компонента, откуда я мог бы их вызывать.
Я попытался поместить оператор импорта как в created
, так и в attached
.
полимер функционирует, но не работает.
Это то, что я пытаюсь, даже возможно? Если да, то где я должен разместить свой оператор импорта?
Я не думаю, что вы можете сделать это в Polymer v1. Вам нужно использовать шаг сборки, чтобы преобразовать импорт html. Я предлагаю использовать webpack и этот отличный плагин от Роба Додсона (из команды Polymer) https://robdodson.me/how-to-use-polymer-with-webpack/, который позволит вам делать именно то, что вы хотите, то есть использовать импорт es6 внутри импорта html.
Имейте в виду, что Polymer v1 теперь устарел, и вам следует перейти на более поздние версии, которые не используют импорт html.
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-файл, который вы свяжете в своем приложении.
вы можете сделать это в полимере 3.0: полимерная библиотека.polymer-project.org/3.0/docs/es6. Я не уверен, что это возможно в 1.0.