खोज…
अंतर का उपयोग करना: वल्केनाइज करना
अपने प्रोजेक्ट की जड़ में, सुनिश्चित करें कि Bower स्थापित है ( npm install -g bower ) और bower init चलाएं। यह आपके प्रोजेक्ट की डायरेक्टरी में एक bower.json फाइल बनाएगा।
अपने मूल निर्देशिका में .bowerrc नामक एक नई फ़ाइल बनाएँ। इसमें निम्नलिखित शामिल होने चाहिए:
{
"directory": "public/bower_components"
}
इससे बोवर को पता चलता है कि उसे आपके ऐप की सार्वजनिक निर्देशिका में bower_components फ़ोल्डर में घटकों को सहेजना चाहिए।
अब पॉलिमर घटकों को जोड़ें जिन्हें आप अपने ऐप के साथ उपयोग करना चाहते हैं।
अपने ऐप की रूट डाइरेक्टरी में प्रत्येक घटक का उपयोग करें जिसे आप उपयोग करना चाहते हैं।
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" को आपके ऐप में उपयोग किए जाने वाले प्रत्येक घटक को सूचीबद्ध करना चाहिए।
अब आप उन घटकों का उपयोग कर सकते हैं जिन्हें आपने अपने ब्लेज़ टेम्प्लेट में आयात किया है जैसे कि आप किसी अन्य तत्व से करेंगे:
<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>
