Convert CSS to Javascript
JavaScript Ruby CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


CSS2JS - Compile your CSS into Javascript

Why would you want to convert your perfectly fine CSS into a Javascript file?

  1. If you want to create a project that output a single runnable file - with no external dependencies, you can now embed your static resources in the CSS (or compile them there via SASS\LESS), convert that CSS into JS and compile it into your .min output
  2. Minimize network roundtrips


npm install css2js -g

Example usage

From command-line:

css2js --css=mycss.css --out=out.js --template=vanilla_runner

From node

#!/usr/bin/env node

var css2js = require('css2js');  
var resultCode = css2js.convert('mycss.css', 'vanilla_runner', 'out.js');


There are 3 included templates to match your needs:

  1. vanilla_runner - outputs a vanilla javascript files, that when loaded injects the CSS automatically (0.1.0 name changed from vanila_runner to vanilla_runner)
  2. requirejs_runner - outputs a requirejs module, that when loaded (via requirejs) injects the CSS automatically
  3. requirejs_inject - outputs a requirejs module, exposes one method: 'inject()' which inject the CSS when called

You can build your own templates

Te use your own template, add a .js.tim file to the templates folder. The CSS string contents will be injected into wherever you put a {{cssContent}} tag

Things missing

There are a couple of features I wish were here (via contribution say... ;) )

  1. NodeJS support - enable loading css2js as Node module, and provide parameters not via arguments (added 0.1.0)
  2. CommonJS template - Both auto-runnable and inject() function (added 0.1.0)
  3. Tests - :( (added 0.1.0)
  4. Grunt task for easier use with your Grunt projects

Whats new

0.1.4 - bug fix - make it work on Windows OS as well, by also handling \r line breaks