git clone https://github.com/Differential/polymer-demo
bower install
meteor
In the client/templates/layout/head.html
file, there is a line that looks like this:
<script src="https://github.com/Differential/polymer-demo/raw/master/components/webcomponentsjs/webcomponents.js"></script>
This is very important because it includes the web components polyfill.
This is where you list what Polymer components you want to load, from polymer core, paper-elements, and even your own custom components. We put these tags in a specific file client/templates/layout/imports.html
which is then compiled with Vulcanize and the differential-vulcanize
package to concatenate the web components into one file.
After running bower install
, your components will placed into the public/components
directory, which you can see in the .bowerrc
file
There are customized polymer overrides in the client/stylesheets/components
folder
VULCANIZE=true
environment variable. i.e.. VULCANIZE=true modulus deploy