タグ

gruntとgulpに関するnantanのブックマーク (4)

  • Build Wars: Gulp vs Grunt

    A brief history of Grunt I realized that a task-based build tool with built-in, commonly used tasks was the approach that would work best for me Ben Alman March 2012 Single, global Grunt: $ npm install -g grunt Configuration over code grunt.initConfig({ lint: { src: 'src/<%= pkg.name %>.js' }, concat: { src: [ '<banner:meta.banner>', '<file_strip_banner:src/<%= pkg.name %>.js>' ], dest: '<%= pkg.n

    Build Wars: Gulp vs Grunt
  • 2015年はgulpで決まり!開発環境をgruntから乗り換えよう!(コーダー編) | SONICMOOV LAB

    もーいーくつねーるーと~、おーしょーうーがーつー♪ という所で、今年も残り 10 営業日を切りましたね・・・・!早いですね! 皆さまいかがお過ごしでしょうか♪ 世間はクリスマスなムード一色ですが、皆さまお忘れになってはいないでしょうか。 大掃除という名の一大行事を!!終えない限りはクリスマスを迎えられませんよね( 今週こそはきっと・・・ほほほ。。 自分を追い込んでみたところで、題に入りたいと思います! こちらは、ソニックムーブ Advent Calendar 2014 12日目の記事になります! 目次 なぜ gulp なのか 目標 ディレクトリ構成 基設定 タスク設定 トラブルシューティング 参考URL なぜ gulp なのか 当記事は grunt から gulp に乗り換えを考えているユーザーを対象としているので、Node.js のインストール方法の説明を省かせていただきます・・・

    2015年はgulpで決まり!開発環境をgruntから乗り換えよう!(コーダー編) | SONICMOOV LAB
  • YEOMAN Advent Calendar 7日目:generator-gulp-webapp を紹介します - albatrosary's blog

    Webアプリケーションを作る入門的なジェネレータ generator-gulp-webapp を紹介します。このエントリーは「YEOMAN Advent Calendar 2014」12月7日の記事です。 YEOMAN Advent Calendar 2014 - Adventar ジェネレータ generator-webapp を以前ご紹介しましたがその gulp 版です。YEOMANというと yo bower grunt から成り立っていますという説明をよくするのですが、最近では grunt の代わりに gulp を使っているジェネレータも多く存在しています。 インストールから実行まで インストール いつものようにジェネレータをインストールしてプロジェクトディレクトリを作りyoとgruntの実行です。 $ npm install -g generator-gulp-webapp $ m

    YEOMAN Advent Calendar 7日目:generator-gulp-webapp を紹介します - albatrosary's blog
  • 便利なGruntの弱点を補うgulp.jsのインストールと使い方

    詳しくは上記連載を見てもらえば分かりますが、GruntとはJavaScriptを使用してWeb開発に伴うさまざまな作業を自動化して効率良く行うためのビルドツールです。 このツールでは「タスク」と呼ばれる一連の処理を設定ファイルに記述していきます。Gruntの設定ファイル(Gruntfile.js)は、タスクに対してJSON形式でパラメーターを指定していくのですが、ここで少々問題があります。 シンプルなタスクであれば分かりやすいのですが、多くの拡張機能(プラグイン)を使用したり、タスクの制御を細かく行う必要が生じたたりした場合、Gruntfileの記述量が増えて冗長になり、タスク同士の関連やタスク実行結果も分かりにくくなってしまいます。 そんなGruntの問題点を解消することを目的として開発されたのが、今回紹介する「gulp.js」(以下、gulp)です。 gulpはGruntを継承しつつ、

    便利なGruntの弱点を補うgulp.jsのインストールと使い方
  • 1