Поиск…


Использование дифференциала: вулканизация

В корне вашего проекта убедитесь, что Bower установлен ( npm install -g bower ) и запускается bower init . Это создаст файл bower.json в каталоге вашего проекта.

Создайте новый файл с именем .bowerrc в корневой каталог. Он должен содержать следующее:

{
  "directory": "public/bower_components"
}

Это позволяет Bower знать, что он должен сохранять компоненты в папке bower_components в bower_components каталоге вашего приложения.

Теперь добавьте компоненты Polymer, которые вы хотите использовать с вашим приложением.

В корневой каталог вашего приложения bower - установите каждый компонент, который вы хотите использовать.

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

Добавьте Vulcanize в свой проект

Meteor add differential:vulcanize

Создайте новый файл config.vulcanize в корне вашего проекта. Он должен содержать следующее:

{
    "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" должен содержать список каждого компонента, который вы будете использовать в своем приложении.

Теперь вы можете использовать компоненты, импортированные в шаблоны Blaze, как и любой другой элемент:

<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
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow