Build / Deploy Tools

Build / Deploy Tools

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

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

Bower

Meet Bower: A Package Manager For The Web

Node restart on change

Node Supervisor

Node Supervisor is used to restart programs when they crash. It can also be used to restart programs when a *.js file changes.

https://github.com/isaacs/node-supervisor :: isaacs/node-supervisor

Alternatives to Node Supervisor are Run and Nodemon. Run is not as feature-rich as Supervisor. Nodemon is also feature rich, but I have found it to be a CPU hog, also it doesn’t restart after some runtime exceptions.

Nodemon

Simple node.js server restart. You can use nodemon with forever (restarting a node if server chrashes).

https://github.com/remy/nodemon :: remy/nodemon http://remysharp.com/2010/10/12/nodejs-rapid-development-nodemon/ :: node.js rapid development: nodemon

Client-side package management

The State of Javascript Package Management

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

date 01. Jan 0001 | modified 28. May 2021
filename: Build & Deployment Tools