Partage de composants polymères partie 2

Dans la première partie de cette série, j’ai expliqué comment configurer le nouveau, élément sans titre, l’équipe Polymer créée pour faciliter considérablement la création et le partage de composants Polymer.

Dans le tutoriel suivant, je vais creuser plus profondément dans quoi élément sans titre inclut, comme sa fonction de documentation automatique et la façon de configurer votre composant pour qu’il soit distribué via Bower. Nous allons continuer à utiliser le code de composant Reddit que j'ai créé dans mon premier tutoriel Polymer..

Un coup d'oeil à l'intérieur élément sans titre

Dans le projet standard, vous utiliserez deux fichiers clés:

• bower.json - Vous permet de spécifier des paramètres et des dépendances pour votre composant
• untitled-element-master.html - le modèle pour le nouveau composant
• untitled-element-master.css - le modèle de feuille de style pour le style de votre nouveau composant
• index.html - le fichier HTML qui inclut le noyau Polymer pour la génération de documentation
• demo.html - le fichier HTML qui permettra aux utilisateurs de tester votre composant

Il s’agit des fichiers de base fournis lors du premier téléchargement du modèle standard à partir du référentiel PolymerLabs GitHub et servent de base à votre nouveau composant. Dans la première partie, nous avons renommé untitled-element-master.html à reddit-element.html et untitled-element-master.css à reddit-element.css, car ils doivent porter le même nom que notre composant. Nous avons également mis à jour les références à élément sans titre tout au long des fichiers, pour assurer le code référencé avec le nom de composant approprié.

Jetons un coup d'oeil au code à l'intérieur de reddit-element.html: