Szukaj…
Przy użyciu mechanizmu różnicowego: wulkanizuj
W katalogu głównym projektu upewnij się, że Bower jest zainstalowany ( npm install -g bower ) i uruchom bower init . Spowoduje to utworzenie pliku bower.json w katalogu projektu.
Utwórz nowy plik o nazwie .bowerrc w katalogu głównym. Powinien zawierać następujące elementy:
{
"directory": "public/bower_components"
}
Dzięki temu Bower będzie wiedział, że powinien zapisać komponenty w folderze bower_components w katalogu publicznym aplikacji.
Teraz dodaj składniki polimerowe, których chcesz używać z aplikacją.
W katalogu głównym aplikacji bower-zainstaluj każdy komponent, którego chcesz użyć.
bower install --save PolymerElements/paper-button#^1.0.0 PolymerElements/paper-checkbox#^1.0.0
Dodaj Vulcanize do swojego projektu
Meteor add differential:vulcanize
Utwórz nowy plik o nazwie config.vulcanize w katalogu głównym swojego projektu. Powinien zawierać następujące elementy:
{
"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" powinien zawierać listę każdego komponentu, którego będziesz używać w swojej aplikacji.
Możesz teraz używać komponentów zaimportowanych do szablonów Blaze, tak jak każdego innego elementu:
<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>
