How I Use Web-components In Meteorjs?
I am coding in MeteorJS & using Google's Polymer as frontend framework, Polymer web-component syntax contains tag
Solution 1:
The following works for me.
Put all Polymer related files inside the public
folder on your Meteor app. Something like that:
.
├── .meteor
├── client
├── server
└── public
├── bower.json
├── bower_components
│ ├── iron-icons
│ ├── polymer
│ ├── webcomponentsjs
│ └── web-component-tester
└── elements
└── elements.html
Add the following code to a head
tag:
<scriptsrc="/bower_components/webcomponentsjs/webcomponents-lite.js"></script><linkrel="import"href="/elements/elements.html">
And do all Polymer elements imports in the elements.html
file:
<link rel="import" href="../bower_components/iron-icons/iron-icons.html">
I hope it helps you.
Post a Comment for "How I Use Web-components In Meteorjs?"