タグ

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

タグの絞り込みを解除

gulpとTipsに関するherakuresのブックマーク (3)

  • 古くなったgulpのdevDependenciesを一気に更新する方法

    1年前に作ったgulpのタスクを久々に触ったら、package.jsonにあるdevDependenciesがかなり古くなっていました。そこで、これらを一気にアップデートする方法を探していたら、やっぱりありました。 npm-check-updates というツールが。 このツールを使うと、package.jsonにあるdevDependenciesのバージョンと最新のものを比較して見せてくれます。そして、コマンドを叩くだけで、古くなったすべてのdevDependenciesをアップデートしてくれます。 やり方は簡単で、まずはnpm-check-updatesをインストール: % npm install npm-check-updates -g npm-check-updatesを走らせる: % ncu すると以下のように古くなっているものを教えてくれます: % ncu gulp-newer

    古くなったgulpのdevDependenciesを一気に更新する方法
  • 必ず使うタスクランナーGulpとGruntの基本コード9選 - ICS MEDIA

    みなさんはタスクランナーを使用していますか? タスクランナーとは開発作業を自動化するためのツールで、2013年頃からWebのフロントエンド開発のトレンドとなっています。開発の現場では主にオープンソースのGulp(ガルプ)とGrunt(グラント)がよく使われています。 記事ではGulpとGruntの両方の導入方法とウェブ制作でよく使用するプラグインの使い方を紹介します。GulpとGruntのいずれかはすでにインストールしているとして紹介します(記事末尾で付録としてインストール方法を解説しています)。 ※GruntとGulpの違いを知りたい方は記事「絶対つまずかないGulp入門」を参考ください。 この記事は2018年12月にリリースされたGulp 4に対応しています ファイルの複製 作業用のフォルダーからリリース用のフォルダーへファイルをコピーしたい時などに複製するタスクを登録しておくと便利

    必ず使うタスクランナーGulpとGruntの基本コード9選 - ICS MEDIA
  • Gulpでタスクの対象外にしたいファイルやディレクトリを指定する | Webデザインのタネ

    Web制作の決まりきったものを自動化するのにとても便利なGulpですが、ときにはあるディレクトリの中のディレクトリやファイルを対象外としてタスクを処理したいといったことがあります。 Sprite用の画像置き場として作っていた「_sprite/」ディレクトリを除外して納品用のファイルを作りたい Jadeでインクルード用のために作っていたディレクトリを除外してコンパイルしたい 上のような例でJadeで「_inc」ディレクトリを除外する場合には、次のようにタスクに書きます。 JavaScriptの場合 var gulp = require('gulp'); var jade = require('gulp-jade'); gulp.task('jade', function() { gulp.src(['_jade/**/*.jade', '!_jade/_inc/*.jade']) .pipe

    Gulpでタスクの対象外にしたいファイルやディレクトリを指定する | Webデザインのタネ
  • 1