タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

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

  • gulpfile.jsの書き方確認。改 - Qiita

    先日sassをコンパイルした際に、gulp-combine-media-queries、メディアクエリをcssの下の方に整えるプラグインを入れていたんですが・・・・ cssを見てみたら整えられてない!なんで!? 先輩に教えていただき、問題解決とアドバイスをいただいたので、共有させていただきます・・・・。 20190401追記: 保存するたびにsassは以下全てコンパイルしてましたが、更新かけたやつだけコンパイルする都合があったのでgulp-changedを入れました。 var gulp = require('gulp'); var sass = require('gulp-sass'); var plumber = require('gulp-plumber'); var changed = require('gulp-changed');//20190401追加 var sourcema

    gulpfile.jsの書き方確認。改 - Qiita
  • gulpfile.jsの書き方確認。 - Qiita

    2016.9/10 fileの書き方を更新しました。 gulpfile.jsの記述、コピペだけで済ましてると何がどうなってるか分からん・・・となったので、私のgulpfileを例に今一度確認します。 sassのコンパイルが出来て、エラーで監視が止まらなくて、デベロッパーでソースマップが出て、 メディアクエリの記述があちこちにバラけてる場合最終的にまとまってくれるタスクです。 ↓プラグインはこちら↓ gulp-sass・・・sassのコンパイルをする gulp-plumber・・・ファイル監視中におかしいとこがあっても監視をストップしない gulp-sourcemaps・・・スタイルがどこのファイルから当てられてるのか分かるようになる gulp-combine-media-queries・・・@mediaの記述があちこちに散らばってる場合、後ろの方にまとめてくれる ↓npmで入れられるgul

    gulpfile.jsの書き方確認。 - Qiita
  • Gulp.js入門 - コーディングを10倍速くする環境を作る方法まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    普通に使う分には全く困らないほどの数のプラグインがGulpにはあります。 Githubでのstar数からも明らかなように、GoogleのWenStarterKitでもGulpが採用されるなど、注目度はますます高くなっています。 Gruntとの比較 Gruntと比較してのメリット・デメリットは以下のようになります。 メリット Gruntより設定ファイルが記述しやすい StreamAPIを利用することでファイルを毎回書き出すGruntより高速でエコ デメリット 記述がよりNodeに近くなるため、複雑なことは敷居がやや高め プラグイン開発のためのドキュメントが少ない 今日のゴール Gulp.jsを使ってコーディング作業を10倍速くする! そんな環境を作りたいと思います。 1. Node.jsをインストール まずはNode.jsをインストールしましょう。 Node.js http://nodejs

    Gulp.js入門 - コーディングを10倍速くする環境を作る方法まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 1