A browserify transform to enable the easy use of componentjs components in browserify client javascript projects.
Shamelessly copied from debowerify
Installation is via npm:
$ npm install decomponentify1
Install some components directly from github:
$ component install components/underscore
Require the component file by it's component identifier (ie. in this case "underscore"):
// public/scripts/app.js
var _ = require('underscore'); // the remote component directly from github
var $ = require('jquery'); // from bower via debowerify
var domready = require('domready'); // a regular browserify npm component
domready(function () {
var button = document.getElementById('fullscreen');
button.addEventListener('click', function (evt) {
evt.preventDefault();
var name = 'harry';
var templateData = $('#sayHello').text();
var compiled = _.template(templateData, {'data': name });
$('#helloDiv').html(compiled);
});
});Build out your browserify bundle using the decomponentif transform:
$ browserify -t decomponentify1 public/scripts/app.js -o public/scripts/build/bundle.js
Then include your bundle.js in your HTML file and you're done!