config.rbを使わずにGruntfile側でcompassのコンパイルを制御する | A Day in the Life
ディレクトリ構成 Project │ ├─node_module │ │ Gruntfile.coffee │ package.json │ └─htdocs │ │ index.html │ ├─css │ style.min.css │ ├─img │ sprite-xxxx.png │ img-photo01.jpg │ ├─js │ project-name.js │ └─src ├─sass │ style.scss │ ├─css │ style.css │ ├─img │ │ sprite-xxxx.png │ │ img-photo01.jpg │ │ │ └─src │ icon-aaa.png │ icon-bbb.png │ └─js aaa.js bbb.js srcフォルダが作業フォルダになります（srcフォルダは公開しない前提）。Gruntで自動化する流れと使用
grunt-sprocketsタスクプラグイン作成とテストとTravis CIまでやってみる - blog::wnotes.net
やってみたかったシリーズです。そろそろNode周りの環境をちゃんとしたかったので。 ちょっと長めのエントリになります。 2013/08/28：grunt.loadTaskの挙動について追記しました(；´Д｀) gruntの自分タスクをちゃんと作ってみる 今までは、grunt-contrib-xxxみたいなのをloadNpmTasksして使ってるだけだったんですが、そろそろgrunt内部の動きとか、オリジナルのタスク（これから必要になりそう）の作り方なんかも知っておきたかったので作ってみました。できたものはこちら。 ysugimoto/grunt-sprockets npmには登録してません…>< Railsのsprocketsをやるやつです 以前にmiddlemanを少し触ってまして、（エントリはこちら）そのときのasset pipelineがすごい便利でした。で、sprocketsはその
タスクの作成 | Grunt 日本語リファレンス | js STUDIO
タスクはGrutnにとって無くてはならない存在です。 頻繁に使用されるものに、jshintまたはnodeunitがあります。 1つまたは複数のタスクを指定して、Gruntに実行して欲しいタスクを伝えます。 もし、タスクが指定されなかった場合、"default"と定義されているタスクが実行されます。 エイリアスタスク マルチタスク "ベーシック"タスク カスタムタスク CLIオプション/環境 なぜ非同期タスクが完了しないのか？ エイリアスタスク もし、タスクリストが指定されると、新しいタスクは他のタスク(1つまたは複数)のエイリアスになります。 "alias task"が実行されると、taskListに指定された各タスクが順に実行されます。 taskListの引数は、タスクの配列でなければなりません。 grunt.registerTask(taskName, [description, ]
GruntでTypeScriptの自動コンパイル
altJS（TypeScript、CoffeeScript、Haxeなど）の導入を以前から検討していましたが、CoffeeScriptのような最適化してコンパイルされたコードがリーダブルではないと感じ（最適化自体は素晴らしいのですが）導入に至っていませんでした。 CoffeeScriptであれば通常はコンパイル前の.coffeeファイルを編集するでしょうし、問題にはなりませんが万が一の時に直接.jsファイルを編集しやすい状態が運用上は良いと考えました。 そんな中、PlaygroundにてTypeScriptを試したところ、コンパイルされたJavaScriptが非常に読みやすく本格的な導入を検討しています。 そこで、普段利用しているGruntで自動コンパイル出来ないか調べたところ、k-maru / grunt-typescriptによって簡単に実現出来るようだったので紹介します。 TypeS
grunt-bower-task で Bower を扱いやすくレイアウトする | DriftwoodJP
% bower install jquery#1 --save-dev % bower install normalize-css#1 --save-dev % bower install html5shiv#3 --save-dev % bower install respond#1 --save-dev /bower_components ├── html5shiv │ ├── dist │ │ ├── html5shiv-printshiv.js │ │ └── html5shiv.js │ └── readme.md ├── jquery │ ├── README.md │ ├── bower.json │ ├── component.json │ ├── composer.json │ ├── jquery-migrate.js │
grunt.jsからファイル監視してbuster.jsでテストを自動化する話 - blog::wnotes.net
先日（というか昨日ですね）のbuster.jsのエントリを読んで頂いた方が結構いたみたいでありがとうございます。 で、連日ですが。 grunt.jsを使ってみましょうか 私の環境がUbuntuなのでinotifyでいいやーMacの方ざんねーんっていうのもアレなので、grunt.jsで自動化する所もやってみたので参考程度にメモ。これならMacでもWIndowsでもできますかね（誰か試してくれると嬉しいです）。buster.jsやファイル構成については前回のエントリを参照してください。 grunt.jsのインストール すでにインストールされてる方も多いでしょう。 ``` npm install -g grunt ``` 私の環境ではv0.3.17が入りました。gruntfileでやるやつじゃないですね。 設定とbusterタスクの追加 buster.jsと同じ階層に設定ファイルとしてgrunt
Gruntを使ってSass(SCSS) / Compassをコンパイルしてみる | MONSTER DIVE
今回は、Gruntを使ってSassをコンパイルしてみます。Gruntのインストールについては、こちらの記事で紹介してくれてるのこちらをご覧ください。Sassの記法には、SCSS記法とSASS記法の2種類がありますが、今回はSCSS記法のみ対応になります。 ※Sass・Compassはインストールされているものとします。 Gruntで処理したいこと Gruntには、SassとCompassをコンパイルする以外にも様々な便利機能があります。 今回、下記の機能も使ってみたいと思います。 Sassファイルをコンパイルする livereloadでSassファイルが更新されたらブラウザをリロードさせる バラバラに記述されたメディアクエリをまとめる CSSのプロパティの順番を揃える フォルダ構成 フォルダ構成については下記の通りです。 project ├css (CSSの出力先) ├sass │└sty
WebStorm + TypeScript + Gruntな作業環境を作る | JLINE.create();
単独作業&JavaScriptメインのとある案件で必要に感じ環境を作ったので備忘録もかねて。 WebStormは以前から使用していて、TypeScriptは趣味で少し触った程度。Gruntに関しては今回が初めてで、 あと黒い画面は苦手です。 WebStorm？ HTML/CSS/JavaScriptの統合開発環境で、JavaScript版FlashDevelopのようなものを探していて辿りつきました。 素早い構文チェックと強力なコード補完機能、そして記述ルールなど各種設定項目の豊富さ柔軟さが気に入っています。 TypeScriptも標準でサポート。 TypeScript？ Microsoft社が開発するいわゆるaltJSの内のひとつ。 JavaScriptの拡張(スーパーセット)というスタイルで、既存コードの流用も比較的スムーズかつ、コンパイル後も読みやすい。 しかし反面、クラス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - cloudchen/grunt-template-jasmine-requirejs: RequireJS template for grunt-contrib-jasmine task
https://toybox-design.net/?p=664