Build and Deploy Tools in JavaScript

Build and Deploy Tools in JavaScript

Grunt

Grunt: The Build Tool for JavaScript Task-based command line build tool for JavaScript projects http://gruntjs.com/ :: grunt

Here’s the idea: when working on a JavaScript project, there are a bunch of things you’ll want to do regularly. Like what, you ask? Well, like concatenating given files, running JSHint on your code, running tests, or minifying your scripts. With lot of important plugins:

  • A grunt task that enables live reloading of updated watch files in the browser.
  • plugin for linting and minifying CSS

Articles: http://blog.pamelafox.org/2012/05/using-gruntjs-with-css.html :: Using Grunt.js with CSS

Brunch

It’s like LiveReload (or CodeKit) plus Grunt, but much more faster, robust and universal. http://brunch.io/ :: Brunch | HTML5 application assembler

Great plugins / skeletons: https://github.com/icholy/ember-brunch :: icholy/ember-brunch

Yeoman

http://yeoman.io/ :: Yeoman http://addyosmani.com/blog/improved-developer-tooling-and-yeoman/ :: Improved Developer Tooling and Yeoman

Bower

Meet Bower: A Package Manager For The Web


Yeoman = Yo + Grunt + Bower

Introduction to Ember Development

Three tools:

  • yo (the scaffolding tool), scaffolds out a new application, writing your Grunt configuration and pulling in relevant Grunt tasks that you might need for your build

  • grunt (the build tool), used to build, preview and test your project

  • bower (a package manager for the web), no longer have to manually download and manage your javascripts

Install

npm install -g yo grunt-cli bower

You may also want to install and use additional generators. This is done through npm. You can see available generators with

npm search yeoman-generator

and then install them with npm install [name].

For Ember.js, we need: generator-ember

npm install -g generator-ember

mkdir webapp && cd webapp
yo ember
grunt server --force

yeoman/generator-ember


Client-side package management

The State of Javascript Package Management

[Volo][volo] is very mature and is also a scaffolding tool.

date 17. Jun 2013 | modified 29. Dec 2023
filename: Build & Deployment Tools