[Grunt & Yeoman] Grunt: 落ち穂拾い

Grunt, Gruntfile まわりで参考にさせて頂いたソースや、気になったプラグインなどまとめ。

Gruntfile の書き方

Yeoman を参考にするのが王道のよう。

個人的には、Gruntfile を公開・解説されている方のエントリが大変参考になりました。

grunt だけでなく、.scss ファイルのレイアウトなど、参考にしながら勉強していきたい。

grunt-contrib

基本的なタスクはこれだけでまかなえる、公式プラグイン達。
さわれていないものもいくつかある。

grunt-contrib-clean

Clean files and folders.

grunt-contrib-coffee

Compile CoffeeScript files to JavaScript.
こちらは CoffeeScript のコンパイル。
後述のプラグインも含め、JavaScriptのテスト系がよく分からない。

grunt-contrib-compass

Compile Sass to CSS using Compass

grunt-contrib-compress

Compress files and folders.

grunt-contrib-concat

Concatenate files.

grunt-contrib-connect

Start a connect web server.

grunt-contrib-copy

Copy files and folders.

grunt-contrib-cssmin

Compress CSS files.

grunt-contrib-csslint

Lint CSS files.

grunt-contrib-handlebars

Precompile Handlebars templates to JST file.

grunt-contrib-htmlmin

Minify HTML

grunt-contrib-imagemin

Minify PNG, JPEG and GIF images

grunt-contrib-jade

Compile Jade templates.
ざっくり調べた感触ではよく見かけました。
他には slim とか。

grunt-contrib-jasmine

Run jasmine specs headlessly through PhantomJS.

grunt-contrib-jshint

Validate files with JSHint.

grunt-contrib-jst

Precompile Underscore templates to JST file.

grunt-contrib-less

Compile LESS files to CSS.

grunt-contrib-nodeunit

Run Nodeunit unit tests.

grunt-contrib-qunit

Run QUnit unit tests in a headless PhantomJS instance.

grunt-contrib-requirejs

Optimize RequireJS projects using r.js.
Yeoman でも使われているよう。

grunt-contrib-sass

Compile Sass to CSS

grunt-contrib-stylus

Compile Stylus files to CSS.

grunt-contrib-uglify

Minify files with UglifyJS.

grunt-contrib-watch

Run predefined tasks whenever watched file patterns are added, changed or deleted.

grunt-contrib-yuidoc

Compile YUIDoc Documentation.

その他のプラグイン

grunt-init

grunt-rsync

grunt-markdown-pdf

grunt-php

grunt-imageoptim

イメージファイルを minify する ImageOptim-CLI Grunt 版。

以下、気になっているけど触れていない、その他のプラグイン。

grunt-connect-proxy

Apache に接続できるそう。

他にも色々あると思いますが、ひとまずメモっておきます。