Is the Javascript build tool similar to Compass?

Question

I am looking for a build tool that behaves like Compass, as it watches folders and then merges, minimizes and creates one output file. I would like to be able to specify the order of the files using config.

I am currently using CodeKit ( http://incident57.com/codekit/ ), which does it perfectly. But I had problems with the JSON configuration file in the past, which meant that I lost the javascript files as well as the order.

Answer 1

There are Yeoman and Grunt .

I would think that Yeoman is the simplest, it is based on the Grunt and yeoman server you can get a live reboot and compilation of JS and CSS files. It also supports other things. If you only need a live view and change it. files you can use yeoman watch . It requires you to install Gruntfile.js, but there are some nice examples.

You can also just use Grunt.js, for this you will need to install additional tasks, but this is not a big problem.

In short, with youman you get some extra features out of the box, but it is based on Grunt, and I can recommend both. They work through the command line interface, but it is quite easy. Check your websites and try them, for free!

Youtube entry to Yeomen, with Addi Osmani

Answer 2

A good solution would be to use require.js as the loader of your module and dependency management, so you will never lose information about what is included and in what order it should be included in the final assembly. If you want to have a browsing task, you can use MimosaJS (using require.js and uglify) and use the watch command with the appropriate configurations: http://mimosajs.com/optimization.html .