Delning av polymerkomponenter Del 2

I en del av denna serie gick jag över hur man konfigurerar den stora nya pannan, untitled-elementet, som Polymer-laget skapade för att skapa och dela Polymer-komponenter väsentligt lättare.

I följande handledning gräver jag djupare i vad untitled-elementet innehåller, liksom dess automatisk generationsdokumentationsfunktion och hur du konfigurerar din komponent som ska distribueras via Bower. Vi fortsätter att använda Reddit-komponentkoden som jag skapade i min första Polymer-handledning.

En titt inuti untitled-elementet

Inom pannplattprojektet finns det några nyckelfiler som du ska använda:

• bower.json - Gör att du kan ange inställningar och beroenden för din komponent
• untitled-element master.html - mallen för den nya komponenten
• untitled-element master.css - stilmallen för att ställa in din nya komponent
• index.html - HTML-filen som innehåller Polymer kärna för dokumentationsgenerering
• demo.html - HTML-filen som tillåter användare att testa din komponent

Det här är basfilerna som tillhandahålls när du först laddar ner kedjeplattan från PolymerLabs GitHub repo och fungerar som grund för din nya komponent. I del ett, vi bytte namn untitled-element master.html till reddit-element.html och untitled-element master.css till reddit-element.css, eftersom de behöver benämnas samma som vår komponent. Vi uppdaterade även referenser till untitled-elementet genom hela filerna, för att säkerställa att koden hänvisade till det korrekta komponentnamnet.

Låt oss ta en titt på koden inuti reddit-element.html: