Хобрук: Ваш путь к мастерству в программировании

Использование нестандартных полимерных элементов в беседке

У меня есть настраиваемый элемент Polymer polymer install element, назовите его <x-custom-element> после того, как он был создан, я не смогу polymer serve, пока я не изменю ссылки для ссылки на компоненты беседки в папке элементов.

Когда я публикую элемент в моем репозитории git, мне нужно изменить ссылки в элементах <links rel="import" href="bower_components/"> tohref = "../` или по какой-либо ссылке использовать папку bower_components из каталога, в котором устанавливается элемент.

Например, чтобы иметь возможность обслуживать файл через polymer serve с этой файловой структурой

  • bower.json
  • bower_components /
  • контрольная работа/
  • Темо /
  • x-custom-element.html

Ссылки в x-custom-element.html должны относиться к /bower_components/*

Но чтобы его можно было использовать в качестве импорта беседки, я должен изменить ссылки на ../*

Есть ли способ исправить этот процесс? Как подойти к этой проблеме.

Создать скрипт для смены всех ссылок туда и обратно? Какие еще у меня есть варианты?

polymer bower polymer-1.0
12.10.2016

Ответы:


1

В каталоге вашего примера проекта отсутствует index.html в корне. Это должно быть автоматически сгенерировано polymer-cli (т. Е. polymer init element) и должно выглядеть так:

<!doctype html>

<html>
  <head>
    <title>x-foo</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="../iron-component-page/iron-component-page.html">
  </head>
  <body>
    <iron-component-page src="x-foo.html"></iron-component-page>
  </body>
</html>

У меня не было проблем с просмотром сайта с polymer serve -o после создания проекта элемента с polymer init element (polymer-cli v0.16.0, polyserve v0.13.0, macOS Sierra 10.12).

введите описание изображения здесь

12.10.2016
Новые материалы
Решения DBA Metrix
DBA Metrix Solutions предоставляет удаленного администратора базы данных (DBA), который несет ответственность за внедрение, обслуживание, настройку, восстановление базы данных, а также другие..
Начало работы с Блум
Обзор и Codelab для генерации текста с помощью Bloom Оглавление Что такое Блум? Некоторые предостережения Настройка среды Скачивание предварительно обученного токенизатора и модели..
Создание кнопочного меню с использованием HTML, CSS и JavaScript
Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..
Внедрите OAuth в свои веб-приложения для повышения безопасности
OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..
Классы в JavaScript
class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..
Как свинг-трейдеры могут использовать ИИ для больших выигрышей
По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..
Как построить любой стол
Я разработчик программного обеспечения. Я люблю делать вещи и всегда любил. Для меня программирование всегда было способом создавать вещи, используя только компьютер и мое воображение...