gruntで、Jadeで書いたテンプレートに、JSONで用意したデータを流し込んでページを量産する - Qiita
grunt.initConfig({ //... jade: { compile: { options: { pretty: true, //htmlをインデント表記させる data: function(dest, src){ //dest が生成するhtml、srcが参照元jadeファイル var data_file = "./json/data.json"; //生成するhtmlのファイル名によって、使用するJSONデータを変える if( dest.match('index') ){ data_file = "./json/data_index.json"; }else if( dest.match('page1') ){ data_file = "./json/data_page1.json"; } //... return require(data_file); } }, file
PhpStormでGruntを使う | mawatari.jp
npm install -g grunt-cli npm http GET https://registry.npmjs.org/grunt-cli npm http 304 https://registry.npmjs.org/grunt-cli npm http GET https://registry.npmjs.org/findup-sync npm http GET https://registry.npmjs.org/nopt npm http GET https://registry.npmjs.org/resolve npm http 304 https://registry.npmjs.org/findup-sync npm http 304 https://registry.npmjs.org/nopt npm http 304 https://registry.npm
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やプラグインをインストールして使用します。 プラグイ
gruntでcompassをやや複雑にビルド
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ※ この記事はgrunt version 0.2.x のもので、grunt 0.3 からはAPIが変更されています 例えばこんなの htdocs ├── common // サイト共通ファイル格納ディレクトリ │ ├── css │ │ ├── all.css // コンパイルしたやつまとめたい (A) │ │ ├── all.min.css // そんでminifyしたい (A) │ │ └── fragments │ │ ├── base.css │ │ ├── modules.css │ │ └── reset.css │ └──
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://lab.spec5zigen.com/archives/mygruntfile-js/
