タグ

gulpに関するomatoro_11のブックマーク (3)

  • phiary

    css の vendor prefix ですが, 今までは gulp-autoprefixer で自動付与してました. ただまぁ, CSS って後方互換対応や minify といった他にもやることがありまして... その辺一括でやってくれるのないかなぁと探してたところ pleeease とかいうとても便利な module があったので紹介します. pleeease とは? pleeease とは, CSS を簡単に最適化できる Node.js アプリケーションです. pleeease を使うことで過去のブラウザもサポートしつつ, クリーンな CSS を作ることができます. やってくれること一覧 CSS の事前処理 ベンダープレフィックスの付与( Autoprefixer ) rem をピクセルに変換した値も指定. rem をサポートしていないブラウザでも安心♪ IE8 のための opaci

    phiary
  • gulp の gulp-rename モジュールを使って出力するファイルに .min をつける方法 - tmlife

    hoge.js を minify したファイルを hoge.min.js として 出力する方法です. gulp-rename ってやつを使います. 拡張子を .js から .min.js に変換する gulp-rename というタスクを使います. 下記コマンドでインストールできます. $npm install --save-dev gulp-rename ついでに uglify も $npm install --save-dev gulp-uglify あとは gulpfile.js に下記のようなタスクを 書けばOK♪ var gulp = require("gulp"); var rename = require("gulp-rename"); var uglify = require("gulp-uglify"); gulp.task("build", function()

  • gulp 入門 - tmlife

    gulp の使い方についてのメモです. 導入について最小限にまとめました. gulp はもう分かったよって方はこちらもどうぞ coming soon coming soon coming soon coming soon gulp とは 公式によると The streaming build system ストリーミングビルドシステム. ピンとこないですねw ざっくりと言うと, grunt と同じようなタスク自動化ツールです. Links Official Github grunt と何が違うの? grunt は基的に JSON でタスクを指定していく形式なのに対し, gulp は node.js の stream という仕組みを使っており, A をやった後 B をやって... といった形でタスクをつなげていく形でタスクを実行することができます. 小さなプロジェクトでは, grunt

  • 1