Grunt

「.NET 開発基盤部会 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

• 戻る

目次 †

概要 †

最近は、npm(npm-scripts) がタスク・ランナー機能を統合しつつあり、廃れつつある。

• JavaScriptフロントエンド開発用のタスク・ランナー
  • スクリプトの自動化
  • TypeScript?コンパイル
  • コード品質の "lint"ツール
  • CSSプリプロセッサ

• プラグイン
  • grunt-contrib-copy：ファイルやディレクトリをコピー。
  • grunt-contrib-cssmin：CSSを小さくしてサイズを縮小する。
  • grunt-contrib-uglify：JavaScriptを小さくしてサイズを縮小する。
  • grunt-contrib-concat：ファイルを1つのファイルに結合する。
  • grunt-contrib-clean：ファイルやディレクトリを削除。
  • grunt-contrib-watch：ファイルの活動を監視するプラグイン。
  • grunt-contrib-jshint：JavaScriptコードの品質を確認する。

参考 †

• Grunt: The JavaScript Task Runner
  https://gruntjs.com/

• gruntjs/grunt: Grunt: The JavaScript Task Runner
  https://github.com/gruntjs/grunt

• Gruntを使ってJSやCSSの面倒なタスクを自動化しよう | kudox.jp
  http://kudox.jp/server/grunt-js

• OpenTouryoProject?/OpenTouryo? > Issue #296
  • The Unicode symbol for the content property in font-awesome.css is garbled by BundlerMinifier?.Core.
    https://github.com/OpenTouryoProject/OpenTouryo/issues/296

プラグイン †

grunt-contrib-copy †

• Grunt.jsでファイルコピーを行うGruntfile.js 普通にsrcとdestでは、
  srcフォルダ構成をそのままdest先にコピーしてしまうので、cwdとexpandオプションを利用している。
  プラグインは自動的にpacage.jsonを読み込むようにしている。
  https://gist.github.com/gurimmer/7464028

• Beekeeper Design Studio » How to Copy files to Another folder with Grunt
  http://www.beekeeperstudio.com/2016/11/how-to-copy-files-to-another-folder-with-grunt/

grunt-contrib-cssmin †

grunt-contrib-uglify †

Gulp †