Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

gulp

gulp+browserify+watchify+babelifyを導入してReact.jsのプロジェクトを作る

参考にさせて頂いたページ 以前作ったgulpのプロジェクト gulp+browserify+watchify+babelifyを導入してプロジェクトを作りなおしてみる - MOTOMICHI WORKS BLOG gulpを使う場合 React.js + Babel + Browserify + gulp の環境を作ってみた - Qiita WebPackを…

gulp+browserify+watchify+babelifyを導入してプロジェクトを作りなおしてみる

参考にさせて頂いたページ ベースとして Gulp + browserify + watchify + gulp-sass で自動高速コンパイル環境 – モンキーレンチ watchify を試す – アカベコマイリ babelについて BabelでES2015の自動コンパイル環境を作る(Browserify / gulp / Grunt / we…

gulpその0001 gulp.watchでディレクトリ監視をしながら、そのevent.typeとevent.pathを取得して、watchの第二引数に指定して同期的に実行しているタスクの中でeventを使用する

参考にさせて頂いたページ gulp.watchによる監視と、.on()によるevent取得、イベントリスナーの利用など。 これからはじめるGulp(3):gulp.watchでファイルの変更を監視しタスクを実行する | Webデザイン、フロントエンド系の技術に関する備忘録 - whisker…

gulpの設定ファイル、package.jsonとgulpfile.jsの実際使っている記述内容みたいなものをここに書いて更新していく その0001

参考にさせて頂いたページ gulp.spritesmithでCSS spriteをやってみた。【gulp】 - E-riverstyle Vanguard gaze - タスクランナーの連続実行を抑止する: gulp.js, Grunt - Qiita gulp入門その2―ファイルの監視をしてみる | アライドアーキテクツのクリエイ…

windows7でNode.jsとnpmその6 gulpのプラグイン(gulp-imagemin)をインストールして使ってみる

参考にさせて頂いたページ Node.js - Gruntの代替ビルドツール。gulpをはじめる。 - Qiita gulp-imagemin プラグイン gulp-imagemin をインストールする プラグインは何でも良いんだけど、手始めにgulp-imageminを入れてみる gulp-imagemin を参考にしてイン…

windows7でNode.jsとnpmその5 gulpfile.jsの作成から、gulpのdefaultタスク実行までやってみる

参考にさせて頂いたページ Node.js - Gruntの代替ビルドツール。gulpをはじめる。 - Qiita gulpfile.jsを作成する gulpfile.jsというファイルを作成して、記述内容はとりあえず下記のとおり。 var gulp = require('gulp'); gulp.task('default', function ()…

windows7でNode.jsとnpmその4 windows7にgulpをインストールする

参考にさせて頂いたページ 5分で導入できる! タスクランナーGulpを使ってWeb制作を爆速にしよう – ICS LAB gulp-imagemin gulpをグローバルにインストールする 5分で導入できる! タスクランナーGulpを使ってWeb制作を爆速にしよう – ICS LAB を参考にしな…