GitHub - sindresorhus/time-grunt: Display the elapsed execution time of grunt tasksYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
[JS] Compass(Scss)のビルドが遅いので、マルチスレッドで高速でCompassビルドするgruntタスクを作ってみました - YoheiM .NET
[JS] Compass(Scss)のビルドが遅いので、マルチスレッドで高速でCompassビルドするgruntタスクを作ってみました こんにちは、@yoheiMuneです。 Compass(Sass)を仕事で使うのですが、@extendとかがいっぱいあるとビルドに時間がかかるようになってきました。 今回は、その対策としてgruntのタスクとして、compassビルドをマルチスレッドで高速化するタスクを作ったので、紹介させて頂きたいと思います。 Compassのビルドは時間がかかる？ Compassってすごく便利なツールで、CSSをモジュールか出来たり案件ごとに使い回したりして、CSSのコーディングの効率化が出来ます。 でも、画像のBase64化やSprite化、@extendで共通Compassモジュールを使うコードなどが増えると、コンパイルに時間がかかってきます。 自身が関わっている案
![[JS] Compass(Scss)のビルドが遅いので、マルチスレッドで高速でCompassビルドするgruntタスクを作ってみました - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/be8a85a78049a62f12c7fca35a7418bb8dcd8564/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F217.jpg)
Gruntで開発用と公開用のディレクトリを分ける
前々回前回Grunt、相変わらずちょいちょい弄って便利になるようにやってる。触り甲斐があって面白い。 今回は、開発用と公開用でディレクトリを分けるっていうのをやります 参考にさせていただきましたGruntで効率化！ リリース前の面倒な作業をまとめる | MONSTER DIVE【モンスターダイブ】grunt.js - grunt-contrib-connectでのルートフォルダ指定 - Qiita [キータ]ほぼ上記お二人の書き方丸パクリです!!!すみません!!!!ありがとうございます!!!!! この2記事と前回前々回とやって来たものを組み合わせた感じになっている。 やりたいこと開発時フォルダ監視Sass/Compassのコンパイルファイル保存時にブラウザを自動リロード公開時公開用ディレクトリにファイルをコピーHTMLのminifyCSSのプロパティを整理CSSのMedia Queries
CSSスプライトを生成する「grunt-spritesmith」
CSSスプライトを生成する「grunt-spritesmith」 grunt-spritesmithはCSSスプライトを生成するGruntモジュールです。 Gruntの基本的な使い方は「Gruntで始めるWeb制作の自動化 - to-R」を参照に。 grunt-spritesmithのインストールは以下のコマンドです。 npm install grunt-spritesmith --save-dev Gruntfile.jsの内容は以下のようにします。srcで個別の画像を置くディレクトリを、destCSSで関連するCSSを書き出すファイル名(SassやLess、StylusでもOK)を、destImgで結合したスプライト画像のファイル名を指定します。 module.exports = function(grunt) { //グラントタスクの設定 grunt.initConfig({ spr
grunt-contrib-watch が重いので grunt-este-watch を試したら幸せになった
最近、Grunt と grunt-contrib-watch を使っているのだけど、grunt-contrib-watch が CPU を消費しがちである。 watch 対象のファイルが少ないうちは grunt-contrib-watch は問題なく動くんだけども、ファイル数が増えてくると CPU の消費量が増えてくる。自分の環境では、1,000 個ぐらいのファイルを監視していると、常時 10% 程度 CPU を消費している。 この問題は既知であり、FAQ には次のように書いている。 たくさんのファイルを監視している場合、デフォルトの interval の値が小さすぎるかもしれない。options: { interval: 5007 } のようにして増やしてみてほしい。詳しくは issues #35 と #145 を参照のこと (※日本語訳は私によるもの) Another reason i
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 タスクを見て、タスク起動時にロードしてくれるモジュールです。これでタスクを変更するたびに
Gruntを使ったプロジェクトの自動化。もうCodeKitもMAMPもいらないよ。 | 5 LOG
Grunt を使ったwebsite製作用のデフォルトセットを一式作ってみた ソースコード一式 準備 下記がインストールされていない場合は、要インストール node.js grunt-cli node.js のインストール node.jsをインストール nodebrewを使って管理する grunt-cli のインストール grunt-cli はgrunt を実行するためだけのパッケージなので、「-g」でグローバルにインストールしておく $ npm install -g grunt-cli Grunt のインストール Grunt を実行するには下記が必要 package.json （プロジェクトの情報を記述した設定ファイル） Grunt.js Gruntプラグイン （sassのコンパイルなど、Gruntで実行するタスク） Gruntfile.js （Gruntで実行するタスクを記述したファイル
現場で使えるGrunt入門 | 第1回 Gruntを試そう
現場で使えるGrunt入門 第1回 Gruntを試そう シリーズ第1回目はGruntの概要、インストール方法、簡単なタスクの実行方法までを解説しつつ、Gruntを使うための開発環境を整えます。Gruntのちょっとややこしい仕組みや、なぜそのような仕組みが必要なのかについても解説します。 はじめに このシリーズでは、JavaScriptで書かれたタスクランナー、Gruntについて、基本的な部分を解説します。なお、この記事は、Grunt version 0.4.0 の時点で書かれたものです。全3回で構成されています。 サンプル集 本シリーズで使うサンプルは、以下よりダウンロードできます。 pxgrid/codegrid-grunt · GitHub 第1回目では、Gruntの概要、インストール方法、簡単なタスクの実行方法までを解説します。 Gruntってなに？ みなさんは、jQueryを使う時
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
