A browserify transform for polymer web-component
npm install polymerize> A browserify transform for polymer web-component (a vulcanizer)
- Require polymer elements into your browserify bundle require('../bower_components/paper-button/paper-button.html')
- Inspired by Polymer/vulcanize
``shell`
npm install --save polymerize cssy
First install some Polymer components (see installing elements):
`shell`
bower install Polymer/paper-button
Use it as a browserify transform:
`javascript`
var b = require('browserify')();
b.transform('polymerize');
b.add('./myapp.js')
b.bundle().pipe(process.stdout);
Or within your package.json (see browserify package field):
`javascript`
{
// ... package.json
"browserify": {
"transform": [ "polymerize" ]
}
}
Then you can require any installed polymer component into your application
`javascript`
// myapp.js
require('../bower_components/paper-button/paper-button.html')
`html`
Restrict which sources should be transformed by polymerize. Default is to transform every html sources from bower_components: /bower_components.*\.html$/.
Match is a Regex applied against source filepath.
Change match options:
`javascript`
// Apply only on file under my_component folder
b.transform({match: /my_component.*\.html$/}, 'polymerize');
Or in your package.json:`javascript``
{
// ... package.json
"browserify": {
"transform": [
["polymerize", { "match": "my_component.*\\.html$"}]
]
}
}
This project is just an experiment. There is some ugly patch on bundled polymer source to make it works... Polymer is great. Maybe, Polymer could be even better by using npm to publish its packages.
---