mixr v0.0.3

Mixr

Mixr, is a Node.JS compiler and pre-processor for your Javascript and CSS.

In your layout you might have something like the following..

<link rel="stylesheet" href="/css/app.css" type="text/css" charset="utf-8">
<script src="/js/app.js" type="text/javascript" charset="utf-8"></script>

If you are using express, you would configure your app and add Mixr's routes

var Mixr = require('mixr');

app.configure('development', function(){
  Mixr.addExpressRoutes(app);
});

Then, by default, Mixr will look for ./assets/css/app.css, ./assets/js/app.js and render that file using a syntax similar to sprockets

in app.css ..

/*
*= require bootstrap.min.css
*/

body {
  background-color: #000;
}

in app.js ..

//= require jquery.min.js

$(function(){
  // do something..
});

When you require something, it is looked for in the same directory, but you can also specify a path..

Production/Deployment

Although Mixr is very fast at generating the output files, it is just a waste of CPU etc to generate the assets on every request.

Therefor in production mode, it is recommended to generate the assets to a public folder and have either Nginx, Node, etc to server them normally..

Mixr will come with a command line utility to perform this task in future, probably with S3 upload ability..

Future

Mixr is designed to be quite modular, in the future, planned I have the following.

• Expanded files in development mode for easier debugging
• Integrating images and generating cacheable images, including inputting base64 input css.
• Allow any kind of processor to be done to a file, by using file extensions