[B! gulp] reboot_inのブックマーク

gulpで消耗したのでgulp(Stream)について調べてみる。 - podhmo's diary

飽きたので途中で掲載。はじめに gulpの使い方と言う話が出てきた時に以下の２つの場合がある。 gulp(plugin)の使い方 gulp(plugin)の作り方大抵は前者で、前者はとても簡単。 gulp(plugin)の使い方以下のようなシェルスクリプトのコマンドをイメージしてみれば良い。 $ src | foo -v | bar -x | boo -y | dst これをjsで行なっているのがgulp。以下のように書くと思えば良い。 gulp.src("./src/*.js") .pipe(foo({"v-flag": true})) .pipe(bar({"x": true}) .pipe(boo({"y": true}) .pipe(gulp.dst("./dist")); ただしgulpのpluginは実際に実行されるaction(これは便宜的な呼び方)ではなく、actio

reboot_in 2020/03/19

“_transform()はthis.push()を呼んだものを先に通し、エラーの場合にはエラーオブジェクトをemitしてあげれば良い。”

gulp
node.js

リンク

gulp.js チートシート - Qiita

チートシートで使われているサンプルコードコマンド gulpをグローバルにインストール: $ npm install -g gulp gulpをローカルにインストール: $ npm install --save-dev gulp $ npm install --save-dev gulp-other-plugins タスクを実行: $ gulp task_name 複数タスクを実行: $ gulp task_name other_task JavaScript: gulpfile.js Single Dest & Watch Multi Dest Incremental Rebuilding Only Changed Async Streams Serial Join Stream Array CoffeeScript: gulpfile.coffee Single Dest & Watc

reboot_in 2020/03/19

リンク

gulp-debug

import gulp from 'gulp'; import debug from 'gulp-debug'; export default () => ( gulp.src('foo.js') .pipe(debug({title: 'unicorn:'})) .pipe(gulp.dest('dist')) ); API debug(options?) options Type: object title Type: string Default: 'gulp-debug:' Give it a custom title so it's possible to distinguish the output of multiple instances logging at once. minimal Type: boolean Default: true By default only

reboot_in 2020/03/12

リンク

paulsalaets.com

Projects Hyoketsu - Ephemeral voting made easy. ComicWriter - Adventure starts here. present-md - Create a slide deck from markdown. eleventy-bookmarklet - 11ty starter for a bookmarklet. Bookmarklets line-length - Analyze line lengths on the page. grab-table - Extract data from a table on the page. yt-pause-on-blur - Pause YouTube video when window blurs. hn-comments - Search Hacker News for comm

reboot_in 2020/03/09

Streamを一時変数に代入してpipeで繋いでもダメ。これでいける。“function processJs() { return combiner( uglify(), rev() );}”

リンク

gulp3→4の変更点に気をつけよう - Qiita

これはユアマイスター Advent Calendar 2018の23日目の記事です。 AssertionError: Task function must be specifiedに長らくお世話になりましたので、こちらに関する内容を記載したいと思います。引数指定の変更 4系からgulp.taskやgulp.watchの第二引数の指定方法が変わっています。 gulp.taskの場合

reboot_in 2020/02/11

“callbackしていない事によってFinishedが走りません。その為、Did you forget to signal async completion?というエラーが表示されます。つまり、各taskでは処理実行の終了を宣言する必要があります。”

gulp

リンク

gulpをv3系からv4系に移行する流れ - Qiita

gulpをv3系からv4へ実際に移行してみた流れをまとめました。執筆時点でのgulpバージョンはv4.0.2になります。移行前の状態こちらが移行する前（v3）の状態の設定ファイルです。 /*-------------------------------------------------------- modules --------------------------------------------------------*/ let gulp = require('gulp'), autoprefixer = require('gulp-autoprefixer'), cached = require('gulp-cached'), notify = require('gulp-notify'), plumber = require('gulp-plumber'), sass