Deling av polymerkomponenter Del 2

I en del av denne serien gikk jeg over hvordan du konfigurerer den flotte nye kjelen, uten tittel-element, som Polymer-teamet laget for å lage og dele Polymer-komponenter betydelig enklere.

I den følgende opplæringen vil jeg grave dypere inn i hva uten tittel-element inkluderer, som sin automatisk genererende dokumentasjonsfunksjon, og hvordan du konfigurerer komponenten din til å bli distribuert via Bower. Vi fortsetter å bruke Reddit komponentkoden som jeg opprettet i min første Polymeropplæring også.

En titt inne uten tittel-element

Innenfor boilerplate-prosjektet er det et par nøkkelfiler som du skal bruke:

• bower.json - Lar deg angi innstillinger og avhengigheter for komponenten din
• uten tittel-element-master.html - malen for den nye komponenten
• uten tittel-element-master.css - stilarkmalen for å utforme den nye komponenten
• index.html - HTML-filen som inneholder polymerkjerne for dokumentasjonsgenerering
• demo.html - HTML-filen som tillater brukere å teste komponenten din

Dette er basisfilene som leveres når du først laster ned kjeleplaten fra PolymerLabs GitHub-repo og fungerer som grunnlag for den nye komponenten. I del ett, vi omdøpt uten tittel-element-master.html til reddit-element.html og uten tittel-element-master.css til reddit-element.css, siden de trenger å bli navngitt det samme som vår komponent. Vi har også oppdatert referanser til uten tittel-element gjennom filene, for å sikre at koden refererte til riktig komponentnavn.

La oss ta en titt på koden på innsiden av reddit-element.html: