

Unlike with Grunt, you don’t need to specify all used files in details - brunch will auto-detect them in most cases and automatically concat in correct orderīrunch automatically generates source maps for all your files so debugging becomes very simple even when all files are concatenated and minified.īrunch is free, both as in beer and as in speech and works everywhere. All my settings from the config. Theoretically the project seems to have imported just like it would in codekit 2. No warnings, and the codekit compass dialog says compass is installed. Unlike Grunt, Brunch recompiles only changed parts of your app and extensively uses caching for others.Īll you need to do with Brunch is run one command and everything will be managed for you, without need to write sophisticated 300LOC build configs.īrunch supports headless integration with Bower package manager. So I just dragged my existing project into codekit 3 and it seems to have imported fine. Usual brunch compilation takes less time than you need to alt-tab to browser window. Sadly, Codekit 2 currently does not allow the use of autoprefixer with Compass due to technical difficulties. One awesome new feature in Codekit 2 is the built in support for autoprefixer. with Codekit I had decided to go with Sass with the SCSS syntax and to master it before jumping into Compass. It helps you to quickly compile languages like Sass without going through the command line.

rb but when I compile these files I get all kinds of errors, anything from undeclared variables. CodeKit says some files (/layouts/responsive.scss, etc.) are controlled by the. Dragging the sub theme folder to CodeKit to create a compass project but nothing seems to work. There’s a lot of great skeleton projects you can use already. Codekit 2 is a great compiler built for Mac. Created a basic sub-theme (with the Zen supplied config.rb in place). Brunch may also do the job of r.js optimizer automatically.īrunch can generate your project from predefined template. You can even keep frontend and backend as separate projects.Īll script and template files may be wrapped in modules (CommonJS or AMD) to prohibit global public access and encapsulate code. You can use any backend you like, be it node.js, Rails or Lift. No more need in complicated Makefiles and watchers.īrunch reloads your browser window every time you change stuff (with autoreload plugin)īrunch just doesn’t care about stuff you’re using for structure. It just doesn’t care about languages or frameworks you use.īrunch recompiles and concats all your stuff automatically on any change, headlessly. Featureīrunch can compile your JS, CoffeeScript, Stylus, Sass (+ Compass), LESS, Mustache, Handlebars, Jade, Eco (and much more) files, concatenate output to and minify it. Grunt task manager is in some ways more flexible than Brunch, but its flexibility and explicitness can quickly become complexity. LiveReload and CodeKit partly resemble Brunch compilation pipeline, file watching and auto reloading, but they don’t support advanced features like modules, Bower support or source maps generation Brunch is similar to Grunt, LiveReload and CodeKit.
