grunt-task-helperが良さそう
grunt-task-helperというGruntプラグインを使っている。ざっと言うとsrcとdestを比較してフィルターをかけた結果を他のタスクで使えるようになったりするもの。例えばビルトインの比較機能であるnewFileを使うと、更新されたファイルがあった場合にだけ走るタスクと似たようなものが簡単に作れる。 grunt-contrib-concatを使っているとして、そのタスク設定が以下のようになっているとする。 concat: { options: { seperator: ';' }, prettify: { src: [ 'scripts/prettify/prettify.js', 'scripts/prettify/lang-config.js', 'scripts/prettify/lang-css.js', 'scripts/prettify/lang-scss.js',
grunt-contrib-requirejsを試してみた - SiNBLOG
ちょっと前から、JS力を上げようと足掻いてます 今回はその中でも以下の内容を模索してみました 1.package管理 2.ミニファイ&ファイル連結 3.ファイル監視して、自動で2をやる 1をやりたいのは、以下の様な理由から そのページに必要なJSだけを読み込みたかった 他にも依存関係をぱっと見で分かるようにしたかった global領域を汚染しないようにしたかった 2をやりたいのは、以下の様な理由から 役割毎にファイルを分けたいが、jsファイルを読み込むオーバーヘッドは極力少なくしたい そして、RequireJSがそれを解決してくれそう 3をやりたいのは、以下の様な理由から 開発時にjsファイルを修正する度に、commandやらを打つのは面倒・・・ ClosureLibraryでも上記は満たせるのだけど、流石に仕事に使うにはマニアックな気もするので、 一般的？にはどうやるのか調べてみることに
[Grunt]EC2にsshログインしてコマンド実行とかSFTPを自動で実行する[AWS] | DevelopersIO
sshログインやftpアップロードを自動でやりたい EC2に対して何度もftpでアプリのアップロードやsshでログインして再起動とかやってると、非常に無駄を感じてしまいます。 そんな面倒な作業こそ、Gruntで解決しましょう。 今回はgrunt-sshモジュールを使って、EC2へsshログインとsftpでのファイルアップロードを試してみます。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.5 Node.js : v0.10.4 npm : 1.2.18 npmを使用して必要モジュールをインストールしましょう。 grunt-cliをグローバルインストール(まだインストールしていなければ)し、サンプル用ディレクトリを作成してpackage.jsonを作成した後、 gruntとgrunt-sshをインストールします。 % npm install -g
grunt-cliでlessのコンパイル環境を整える
bootstrapをいじりだしてから、lessを触る機会を増やしています。 そうするとどうしても自動でコンパイルする環境が欲しくなって来たので、前から気になっていたgruntを使ってlessをコンパイルする環境を整えました。 grunt-cli || grunt0.3いざ、gruntを使いってみよう思うと迷うことがありました。 それは、現在2つのバージョンが混在していることです。 ドキュメントの種類も圧倒的にgrunt0.3が多く、まだまだ、grunt0.3がメインのようです。 gruntの公式サイトにリンクを貼られているgithubのページは0.3ですしね。 grunt: a task-based command line build tool for JavaScript projectsgruntjs/grunt at 0.3-stable ・ GitHubバージョンでの差異2つのバ
Grunt 日本語リファレンス | js STUDIO
このサイトについて Gruntの日本語リファレンスです。 Gruntの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.04.15 サイトをオープンしました。 概要 何故タスクランナーを使うのか？ 一言で言えば、自動化のためです。 ファイル圧縮、コンパイル、単体テスト、Lintなどの繰り返し実行しなければいけないタスクを自動化することで、仕事を楽にしてくれます。 タスクランナーを設定すれば、こういった冗長的なほとんどの仕事を、あなたやチームのために行なってくれます。 何故Gruntなのか？ Gruntエコシステムは、巨大で日々成長しています。 Gruntを使って文字通り何百ものプラグインから選択し、最小限の努力で自
Gruntの概要と導入手順とメリット | 1000ch.net
2012/12/08 Gruntとは grunt: a task-based command line build tool for JavaScript projects もはや説明不要の可能性もありますが、 gruntがgrunt-cliへの移行(?)をしたこともあり、まとめてみました。 コマンドラインで使用するビルドタスクのツールです。 js(ほぼjson)の設定ファイル上に、concatやminifyといったようなタスクを定義し、 コマンドラインから実行します。言葉だけだとイメージ湧きにくいと思いますので、 使ってもらうのが一番と言い張って導入手順の説明に入ります。 npmからgrunt-cliをインストールする （nodeとnpmはインストール済み・・・よね？） npm install -g grunt-cli これで核となるCLIのインストールは完了です。 ターミ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
