<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>ja-watchify on Junpei Kawamoto</title>
    <link>https://www.jkawamoto.info/tags/ja-watchify/</link>
    <description>Recent content in ja-watchify on Junpei Kawamoto</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>en-us</language>
    <managingEditor>junpei.kawamoto@acm.org (Junpei Kawamoto)</managingEditor>
    <webMaster>junpei.kawamoto@acm.org (Junpei Kawamoto)</webMaster>
    <copyright>&amp;copy; 2016-2017 Junpei Kawamoto</copyright>
    <lastBuildDate>Tue, 17 May 2016 00:00:00 +0000</lastBuildDate>
    
	<atom:link href="https://www.jkawamoto.info/tags/ja-watchify/index.xml" rel="self" type="application/rss+xml" />
    
    
    <item>
      <title>gulp-watchify で browserify と parcelify を差分ビルド</title>
      <link>https://www.jkawamoto.info/blog-ja/incremental-build-by-gulp-watchify/</link>
      <pubDate>Tue, 17 May 2016 00:00:00 +0000</pubDate>
      <author>junpei.kawamoto@acm.org (Junpei Kawamoto)</author>
      <guid>https://www.jkawamoto.info/blog-ja/incremental-build-by-gulp-watchify/</guid>
      <description>本稿は Qiita 投稿記事 のバックアップです．
 概要 
利用するライブラリが増えてビルドに時間がかかるようになったので， watchify を使った差分ビルドを試してみる． タスクランナーに gulp を使用しているので， gulp-watchify を使い， browserify と Parcelifyによるビルドを差分ビルドにする．
gulp-watchify の使い方 サンプルファイル によると，単純な使い方は，
gulp = require &amp;quot;gulp&amp;quot; $ = require(&amp;quot;gulp-load-plugins&amp;quot;)() watching = false gulp.task &amp;quot;browserify&amp;quot;, $.watchify (watchify) -&amp;gt; gulp.src &amp;quot;src/*.js&amp;quot; .pipe watchify watch:watching .pipe gulp.dest &amp;quot;public/js/&amp;quot; gulp.task &amp;quot;watch&amp;quot;, -&amp;gt; watching = true  となるようだ．これで，gulp browserify とすれば通常のビルドを gulp watch browserify とすれば，watchify による監視を始めることができる．
なお，gulp-load-plugins に関しては，[gulp] 効率的にプラグインを読み込む を参照．上の例では変わらないが，require を減らすために使っている．
注意 gulp-watchify をインストールしただけでは，watchify はインストールされない模様．なので，</description>
    </item>
    
  </channel>
</rss>