Поиск…
Использование дифференциала: вулканизация
В корне вашего проекта убедитесь, что 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>