A rails flavored asset pipeline based on piler
Last updated 8 years ago by phreax .
Repository · Original npm · Tarball · package.json
$ cnpm install acid 
SYNC missed versions from official npm registry.


Acid is rails flavored asset pipeline that makes your assets fly... Based on the excellent piler, it adds some extra spice on top of it, like global definition files, precompilation of client-side templates, hot code pushes, and more..

It was developed for the use with express, backbone.js and handlebars.


npm install 


First create a configuration file to define all your assets:

module.exports = 
    dir: 'public'

    javascripts: [

      (require: 'vendor/jquery-1.7.1.min.js')
      (require: 'vendor/underscore.js')
      (require: 'vendor/backbone.js')
      (require_tree: 'lib/models')
      (require_tree: 'lib/collections')
      (require_tree: 'lib/views')

      (require: 'lib/app.js')

    stylesheets: [
      (require: 'style.css') 

      dir: 'templates'
      engine: 'handlebars'
      lib: 'vendor/handlebars.runtime.js'
      watch: true


  • require: load single file
  • require_tree: load directory recursive

Acid assumes that you have your asset directory structured like this, if not specified:

javascripts/ stylesheets/ templates/

Setup Application

Require acid:

acid = require 'acid'

Load the configuration file:

config = require 'config'

Bind it to your app:

acid.bind app, acid: config

For hot code push and live templating you should also add io, otherwise it will be loaded by default.

acid.bind app, acid: config, io: io

Setup View

In your main view you need to add following line, so piler can inject the resources:



Live Templating

Acid will compile all clientside templates for you. Currently only Handlebars is supported, which is a great clientside template engine based on mustache.js. But the real kick is, that it will also watch your template directory for changes, and push the code directly to the browser, so it will be instantly viewed. Just bind a Backbone event to the Handlebars.set method:

  // set up observer on handlebar templates
  Handlebars.templates = Handlebars.templates || {};
  _.extend(Handlebars, Backbone.Events);

  Handlebars.set = _.bind(function(name,template) {
    this.templates[name] = template;

No you can listen to changes of templates and rerender your view!

Supported compilers

handlebars, coffee-script, less



Acid is still under heavy development. Contribution is always welcome!

Current Tags

  • 0.2.6                                ...           latest (8 years ago)

7 Versions

  • 0.2.6                                ...           8 years ago
  • 0.2.5                                ...           8 years ago
  • 0.2.4                                ...           8 years ago
  • 0.2.3                                ...           8 years ago
  • 0.2.2                                ...           8 years ago
  • 0.2.1                                ...           8 years ago
  • 0.2.0                                ...           8 years ago
Maintainers (1)
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 2
Dependencies (5)
Dev Dependencies (0)
Dependents (0)

Copyright 2014 - 2016 © |