meteor
Utilizzando Polymer con Meteor

Utilizzando differenziale: vulcanizzare

Nella root del tuo progetto, assicurati che Bower sia installato ( npm install -g bower ) ed esegui bower init . Questo creerà un file bower.json nella directory del progetto.

Crea un nuovo file chiamato .bowerrc nella tua directory principale. Dovrebbe contenere quanto segue:

{
  "directory": "public/bower_components"
}

Ciò consente a Bower di sapere che dovrebbe salvare i componenti nella cartella bower_components nella directory pubblica della tua app.

Ora aggiungi i componenti Polymer che desideri utilizzare con la tua app.

Nella directory principale della tua app, bower, installa ciascun componente che desideri utilizzare.

bower install --save PolymerElements/paper-button#^1.0.0 PolymerElements/paper-checkbox#^1.0.0

Aggiungi Vulcanize al tuo progetto

Meteor add differential:vulcanize

Crea un nuovo file chiamato config.vulcanize nella radice del tuo progetto. Dovrebbe contenere quanto segue:

{
    "polyfill": "/bower_components/webcomponentsjs/webcomponents.min.js",
    "useShadowDom": true, // optional, defaults to shady dom (polymer default)
    "imports": [
        "/bower_components/paper-button/paper-button.html",
        "/bower_components/paper-checkbox/paper-checkbox.html"
    ]
}

"imports" dovrebbe elencare ogni componente che utilizzerai nella tua app.

Ora puoi utilizzare i componenti che hai importato nei tuoi modelli di Blaze come faresti con qualsiasi altro elemento:

<template name="example">
    <div>
        this is a material design button: <paper-button></paper-button>
        this is a material design checkbox: <paper-checkbox></paper-checkbox>
    </div>
</template>