meteor
Używanie polimeru z Meteorem

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>