Buscar..


Utilizando diferencial: vulcanizar

En la raíz de su proyecto, asegúrese de que Bower esté instalado ( npm install -g bower ) y ejecute bower init . Esto creará un archivo bower.json en el directorio de su proyecto.

Cree un nuevo archivo llamado .bowerrc en su directorio raíz. Debe contener lo siguiente:

{
  "directory": "public/bower_components"
}

Esto le permite a Bower saber que debe guardar componentes en la carpeta bower_components en el directorio público de su aplicación.

Ahora agregue los componentes de polímero que desea utilizar con su aplicación.

En el directorio raíz de su aplicación instale cada componente que desee usar.

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

Agrega Vulcanize a tu proyecto

Meteor add differential:vulcanize

Cree un nuevo archivo llamado config.vulcanize en la raíz de su proyecto. Debe contener lo siguiente:

{
    "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" deben incluir cada componente que usarás en tu aplicación.

Ahora puede usar los componentes que ha importado en sus plantillas de Blaze como lo haría con cualquier otro 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>


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow