I am mitsuruog | Yeomanに学ぶモテるGruntfile.jsの書き方
私が担当するエンタープライズのフロント開発では、1 年ほど前から Grunt によるビルドプロセスを導入していて、自分でもプロジェクトの特性に応じて Gruntfile.js のタスクをデザインする機会が多いのですが、最近流行の Yeoman が吐き出す Gruntfile.js を見るとなかなか参考になる点があったので、いくつか紹介したいと思います。 目次 1. load-grunt-tasks 2. テンプレート 3. ファイル指定方法あれこれ 「*」 「{}」 「{,*/}」って何？ 4. 外部パラメータによるタスク分岐 5. 外部定義ファイルのインポート まとめ 1. load-grunt-tasks load-grunt-tasksとは package.json に定義されている Grunt タスクを見て、タスク起動時にロードしてくれるモジュールです。これでタスクを変更するたびに
ブラックなWeb開発現場の救世主、Gruntのインストールと使い方
連載目次 一昔前であれば、HTML／JavaScript／CSSを使用してWebアプリを作成する場合、（筆者の経験では）所定の位置にファイルを置くだけでした。最近はHTML／JavaScript／CSS関連の技術も複雑化／多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify（圧縮）や結合 単体テストの実行 JSLint（構文チェック）の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル（JavaScript変換）を行う必要もあります。 また、SCSS（Sass）やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル（CSS変換）作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう
masaplabs.com - このウェブサイトは販売用です！ - masaplabs リソースおよび情報
このウェブサイトは販売用です！ masaplabs.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、masaplabs.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
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)を実行するためには、２つのファイルが必要です。 まずは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
Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門
Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 2013-03-14 / 2014-03-12 Webサイトの表示速度を気にすると、CSSやJavaScriptのminify、gzip、CSS 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やプラグインをインストールして使用します。 プラグイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
