meteor
流星でのポリマーの使用

差動を使用する：加硫する

プロジェクトのルートで、Bowerがインストールされていることを確認し（ npm install -g bower ）、 bower initを実行しbower init 。これにより、プロジェクトのディレクトリにbower.jsonファイルが作成されます。

ルートディレクトリに.bowerrcという.bowerrc新しいファイルを作成します。それは以下を含むべきです：

{
  "directory": "public/bower_components"
}

これにより、アプリのパブリックディレクトリのbower_componentsフォルダにコンポーネントを保存する必要があることがbower_componentsます。

次に、あなたのアプリで使用したいPolymerコンポーネントを追加します。

あなたのアプリのルートディレクトリに、使用したい各コンポーネントをインストールしてください。

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>