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

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

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

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

вы можете сделать это в полимере 3.0: полимерная библиотека.polymer-project.org/3.0/docs/es6. Я не уверен, что это возможно в 1.0.

Bernard Pagoaga 03.05.2019 17:28
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
1
276
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Я не думаю, что вы можете сделать это в 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-файл, который вы свяжете в своем приложении.

Другие вопросы по теме