タグ

gruntに関するakimasa2000のブックマーク (3)

  • はじめに | Grunt 日本語リファレンス | js STUDIO

    GruntとGruntプラグインはNode.js パッケージマネージャーであるnpmを使用してインストールと管理を行います。 このドキュメントはGrunt 0.4.xのために書かれていますが、Grunt 0.3.xについてもまだ有効です。 ただ、0.3.xでのプラグイン名とタスクの構成オプションが"Gruntfile"の項目のものとは異なる場合がありますので、注意してください。 CLIのインストール CLIの動作について 存在するgruntプロジェクトの動作 新しいgruntプロジェクトの準備 package.json GruntとGruntプラグインのインストール Gruntfileについて 更に詳しく知るために CLIのインストール もし、過去にgruntをグローバル上にインストールしていた場合、まず始めにそれを削除する必要があります。 npm uninstall -g grunt 最

  • GRUNT とJSHintのコードチェックをビルドプロセスに組み込む - Gaishimo

    はじめに JavaScript にはJSHintというコードチェッカーが存在する。このチェッカーの実行を、タスク実行ツールGRUNTを使ってビルドプロセスの中に組み込む方法を試してみた。 以下の英語のブログ記事を参考にした。 Let tools define JavaScript style GRUNT とは? GRUNT は、JSファイルのminifyやコンパイル、テスト、コードチェック等の様々なタスクを実行してくれるタスク実行ツール。用途に応じたプラグインを利用することができる。 プラグインの一覧はこちら。 GRUNTとcontrib-jshintプラグインのインストール まずgruntのCLIツールをインストール npm install -g grunt-cli 次にプロジェクトのpackage.jsonにgruntとgrunt-contrib-jshintを記述してnpm inst

    GRUNT とJSHintのコードチェックをビルドプロセスに組み込む - Gaishimo
  • jsファイルの結合・圧縮をgruntを使って完全自動化 - Qiita

    はじめに JavaScriptファイルの読み込み時間を短縮させるため、ファイルの結合や圧縮を行うという場面がある。 エディタやIDEに組み込んだ機能や、WEBで公開されているツールもあるが、今回はその結合・圧縮をgruntを使って自動化、さらにファイル状態監視によってそのスクリプトが自動実行されるように設定してゆく。 プラグインのインストール ここでは3つのgruntプラグインを利用する。 grunt-contrib-concat 複数のJavaScriptファイルの結合に使用。 grunt-contrib-uglify JavaScriptファイルの圧縮に使用。 grunt-contrib-watch ファイルの状態監視に使用。 作業ディレクトリにて、以下のコマンドを実行。 > npm install grunt-contrib-concat -save-dev > npm instal

    jsファイルの結合・圧縮をgruntを使って完全自動化 - Qiita
  • 1