Partajarea componentelor polimerilor Partea 2

În prima parte a acestei serii, m-am gândit cum să configurați noua placă de boiler, Element untitled, că echipa Polymer a creat pentru a face crearea și partajarea componentelor Polymer substanțial mai ușor.

În tutorialul următor, voi sapa mai adânc în ce Element untitled include, ca și caracteristica de generare automată a acestuia și modul de configurare a componentei dvs. care trebuie distribuită prin Bower. Vom continua să folosim codul componentei Reddit pe care l-am creat și în primul meu tutorial Polymer.

O privire înăuntru Element untitled

În cadrul proiectului boilerplate, există câteva fișiere cheie pe care le veți folosi:

• bower.json - Vă permite să specificați setările și dependențele pentru componenta dvs.
• untitled-element master.html - șablonul pentru noua componentă
• untitled-element master.css - șablonul de stil pentru stilul noii componente
• index.html - fișierul HTML care include nucleul polimer pentru generarea de documente
• demo.html - fișierul HTML care va permite utilizatorilor să vă testeze componenta

Acestea sunt fișierele de bază care sunt furnizate când descărcați pentru prima oară plăcuța de boiler de la repo-ul PolymerLabs GitHub și serviți ca bază pentru noua componentă. În prima parte, am redenumit untitled-element master.html la reddit-element.html și untitled-element master.css la reddit-element.css, deoarece trebuie să fie numiți la fel ca componenta noastră. De asemenea, am actualizat referințele la Element untitled în cadrul fișierelor, pentru a vă asigura că codul a indicat numele corespunzător al componentei.

Să aruncăm o privire la codul din interiorul lui reddit-element.html: