タグ

2013年5月22日のブックマーク (3件)

  • GruntでCoffee Scriptのコンパイル&Uglifyで圧縮 | DevelopersIO

    Gruntとは 弊社ブログでもすでに紹介していますが、Gruntとはnode.jsベースで作成されたビルドツールです。 最近v0.4がリリースされ、Coffee Scriptがデフォルトでサポートされました。 今回は、変更が検知されたCoffeeScriptファイルをコンパイル→UglifyJSで圧縮 という処理をGruntでやってみます。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.4 Node.js : v0.10.0 npm : 1.2.14 Grunt : 0.4 npmを使用してGruntをインストールしておきましょう。 % npm install -g grunt-cli package.jsonとGruntfileを作成する Grunt(0.4)を実行するためには、2つのファイルが必要です。 まずはpackage.jsonを作成

  • gruntすげー便利だったメモ - Web系がおもしろい。

    2013/11/11追記: この記事の内容は、Grunt v0.3.xでありもう古いです。v0.3.x -> v0.4.xにて大幅に変更があったので、こちらの記事は多分参考にならないです。この記事からどれくらい変わったかは Upgrading from 0.3 to 0.4 - Grunt: The JavaScript Task Runner をお読みください。 巷で有名だった grunt を使ってみた。 grunt? gruntは、Node上で動く、JavaScriptのためのビルドツールです。 JavaScriptにビルドなんて必要ないんじゃね!とか思われがちですけど、ビルド時にやりたいことって結構あります。 例えば、 スクリプトの結合 JavaScriptの行数が400行を超えてきたあたりから、個人的にはすごくスクリプトが見づらいです…。 スクリプトの圧縮 (minify) Jav

    gruntすげー便利だったメモ - Web系がおもしろい。
  • Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門

    Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 2013-03-14 / 2014-03-12 Webサイトの表示速度を気にすると、CSSJavaScriptのminify、gzipCSS Sprite、画像の最適化などの面倒な作業が発生します。 Grunt.jsとは? Grunt.jsは、サーバーサイドJavaScriptのNode.jsを使用したCUIのビルドツールです。 タスクを設定しておき、それらを自動化します。 コマンドプロンプトやターミナルなど、いわゆる「黒い画面」を使います。 Grunt.jsの現在のバージョンは0.4.1です。 バージョンが0.3から0.4になったことで、大きく仕様が変わりました。 Grunt.js v0.4ではgrunt-cliをインストールしてプロジェクトごとにGruntやプラグインをインストールして使用します。 プラグイ

    Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門