タグ

gruntに関するtoma-stkのブックマーク (3)

  • [Grunt]自分でtaskを定義して使ってみよう | DevelopersIO

    自分で定義したタスクを実行する Gruntではさまざまなタスクがすでに用意されており、ビルドやデプロイ等の目的ですぐに使用できますが、 自分の実現したい機能が用意されていないことも、多々あります。 そんなときは自分でタスクを定義して使ってみましょう。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.5 Node.js : v0.10.8 npm : 1.2.23 Gruntを使える状態にしておきましょう。 % npm install -g grunt-cli % mkdir grunt-sample % cd grunt-sample % npm init //すべてデフォルトでpackage.jsonを作成 % npm install grunt --save-dev grunt.registerTaskでタスクを定義して実行する まずはオリジ

    [Grunt]自分でtaskを定義して使ってみよう | DevelopersIO
  • Grunt 日本語リファレンス | js STUDIO

    GruntとGruntプラグインはNode.js パッケージマネージャーであるnpmを使用してインストールと管理を行います。 このドキュメントはGrunt 0.4.xのために書かれていますが、Grunt 0.3.xについてもまだ有効です。 ただ、0.3.xでのプラグイン名とタスクの構成オプションが"Gruntfile"の項目のものとは異なる場合がありますので、注意してください。 CLIのインストール CLIの動作について 存在するgruntプロジェクトの動作 新しいgruntプロジェクトの準備 package.json GruntとGruntプラグインのインストール Gruntfileについて 更に詳しく知るために CLIのインストール もし、過去にgruntをグローバル上にインストールしていた場合、まず始めにそれを削除する必要があります。 npm uninstall -g grunt 最

  • Gruntfileを整理してタスクの自動化を進めた

    (急遽宣伝) FrontrendでGruntします Frontrend(フロントレンド) Vol.3 powered by CyberAgent : ATND Frontrend(フロントレンド)とは サイバーエージェントが主催するフロントエンド技術セミナーです。 HTML5/CSS3やJavaScriptのトレンドやノウハウ等を惜しみなくお伝えします。 2012/10/21(日)の午後に、FrontrendでGruntのことを紹介させていただく運びになりました!以下の記事は色々と知ってる前提な内容になってしまっているので、ベーシックな所から知りたい方には特にオススメです。 今回のFrontrendはスピード特集ということで、ページパフォーマンスの最適化はもちろん、CSSプリプロセッサの導入や、ガイドラインの運用による業務効率のカイゼンにも踏み込んでスピードを上げていきます!ということで

    Gruntfileを整理してタスクの自動化を進めた
  • 1