タグ

gruntに関するdai0916のブックマーク (3)

  • Node.jsとGruntでフォルダ監視ツールを作る - ほんじゃらねっと

    コミュニケーションというのはなかなか難しいもので、 「急いで確認したいから資料ができたら共有フォルダに入れて、すぐ連絡してよ」 と強めに伝えても、 資料はとっくにできてるのに やれ後で連絡するつもりだっただの、 もうちょっと確認してから連絡するつもりだっただの、 今メール書いてただので、 一内線をくれるだけで良いのになかなか連絡がもらえないことがある。 そんなストレスフルな行き違いは 「このやろう!」と毎回怒りを爆発させるよりも ツールを使って解決の仕組みを用意してしまうに限る。 ということで今回は指定したフォルダを監視して、 ファイルが追加されたり更新されたりしたら 自動で通知してくれるスクリプトをつくってみたい。 以前別の記事で紹介したNode.jsのタスクランナー、Gruntを使えば 割と簡単にファイル監視ツールを作ることができる。 blog.honjala.net 「grunt-

    Node.jsとGruntでフォルダ監視ツールを作る - ほんじゃらねっと
  • step by stepで始めるwebpack - Qiita

    webpack1系の記事です。 1→2への移行ガイドを見る限り破壊的な変更点はそんなにありませんが、preLoadersやpostLoadersがなくなっていたり、差が出ていますのでご注意ください。 https://webpack.js.org/guides/migrating/ webpackを手を動かしつつ学べる初学者向け資料を作成しました。 公式のチュートリアルもあるのですが、webpackが使用されているOSSのボイラープレートを見る限り、世の中の使われ方に沿ってないかも?と思い書きました。 これから始める人の手助けになれば幸いです。 また最終形のソースをupしてあるので詰まったら見てください。 webpackとは webpack で始めるイマドキのフロントエンド開発の説明が良かったので引用させていただきます。m(_ _)m webpack は WebApp に必要なリソースの依

    step by stepで始めるwebpack - Qiita
  • Gruntを使ってプロジェクトを自動化する、Myタスクメモ | tipsBear

    Gruntで出来ることはたくさんありますが、今回ご紹介するのは私がよく使うGruntの設定のメモになります。 ちなみに、Gruntの導入方法や基的な解説は下記の記事がとてもわかりやすく紹介してくれていますので、これから導入したいという方がいましたら是非参考にどうぞ。 Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 – Web Design KOJIKA17 コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順 – OZPAの表4 今更だけどやるgrunt入門編・インストールから基的な使い方 – WEB Drawer Web デザイナーさん向け Grunt を使った コーディング作業の効率化、はじめの一歩 – WWW WATCH また、この記事はSass/Compass、ブラウザのliveReloadを使用することを前提に書いてい

    Gruntを使ってプロジェクトを自動化する、Myタスクメモ | tipsBear
  • 1