Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Grunt v1 & gulp v4
Pine Mizune
March 11, 2016
Programming
1
500
Grunt v1 & gulp v4
Gotanda.js #3 in freee での発表資料です。
http://gotandajs.connpass.com/event/26027/
Pine Mizune
March 11, 2016
Tweet
Share
More Decks by Pine Mizune
See All by Pine Mizune
多言語対応と絵文字ジェネレーター / i18n of Emoji Generator
pine
0
470
C++ 製グラフィックライブラリ Skia の紹介 / Introduction to the graphics library Skia written by C++
pine
0
950
asyncio + aiohttp で作るウェブサービス / How to develop a web service with asyncio and aiohttp
pine
0
470
Lerna による明示的疎結合アーキテクチャ
pine
1
550
CircleCI 2.0 x JavaScript
pine
3
470
Perl 卒業式
pine
0
280
Android Studio の気になる warnings を抑制する方法まとめ
pine
0
410
Emoji Generator meets Browser Extensions
pine
1
2.7k
近年の OSS 開発における CI 選択のベストプラクティス
pine
3
4.4k
Other Decks in Programming
See All in Programming
コンピュータビジョンセミナー2 / computer_vision_seminar_libSGM
fixstars
0
320
Remix + Cloudflare Pages + D1 で ポケモン SV のレンタルチームを検索できるアプリを作ってみた
kuroppe1819
4
1.4k
データドリブンな組織の不正検知
fkubota
0
250
Rによる大規模データの処理
s_uryu
2
640
監視せなあかんし、五大紙だけにオオカミってな🐺🐺🐺🐺🐺
sadnessojisan
2
1.5k
社会人 20 年目エンジニア、発信で技術学びなおしてる話
e99h2121
1
140
ITエンジニア特化型Q&Aサイトteratailを 言語、DB、クラウドなど フルリプレイスした話
leveragestech
0
410
ちょうぜつ改め21世紀ふつうのソフトウェア設計
tanakahisateru
7
6.4k
Refactor with using `available` and `deprecated`
417_72ki
3
380
Writing Greener Java Applications
hollycummins
0
340
LIFFで動く割り勘アプリTATEKAをリリースしてみた話
inoue2002
0
250
Cloudflare WorkersでGoを動かすライブラリを作っている話
syumai
1
320
Featured
See All Featured
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
214
12k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
The Web Native Designer (August 2011)
paulrobertlloyd
76
2.2k
Bash Introduction
62gerente
601
210k
Side Projects
sachag
451
37k
Support Driven Design
roundedbygravity
88
8.9k
Learning to Love Humans: Emotional Interface Design
aarron
263
38k
Building a Scalable Design System with Sketch
lauravandoore
451
31k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
Infographics Made Easy
chrislema
235
17k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
13
5.4k
The Art of Programming - Codeland 2020
erikaheidi
35
11k
Transcript
Grunt v1 & gulp v4 11 Mar, 2015 / Gotanda.js
#3 in free @pine613
目次 n Grunt ü v0.4.5 -> v1.0.0 変更点 ü v0.4.5
-> v1.0.0 移行ガイド n gulp ü v3.x -> v4.x 変更点 ü v3.x -> v4.x 移行ガイド n まとめ
Grunt
Grunt n Ben Alman 氏 開発のタスクランナー n 2014/05/13 - Grunt
v0.4.5 released n 2015/11/19 - jQuery Foundation へ移管 ü 開発・メンテナンス停滞により n 2016/02/12 - Grunt v1.0.0-rc1 released
diff: Grunt v0.4.5 -> v1.0.0 詳細: https://github.com/gruntjs/grunt/compare/v0.4.5...v1.0.0-rc1 n 依存ライブラリの更新 ü
coffee-script ~1.3.3 -> ~1.10.0 ü nopt ~1.0.10 -> ~3.0.6 ü glob ~3.2.21 -> ~6.0.4 ü lodash ~0.9.2 -> ~4.3.0 • grunt.util._ is deprecated ü iconv-lite ~0.2.11 -> ~0.4.13 ü js-yaml ~2.0.5 -> ~3.5.2
移行: Grunt v0.4.5 -> v1.0.0 詳細: https://github.com/gruntjs/grunt/compare/v0.4.5...v1.0.0-rc1 n 基本的に v0.4.5
からそのまま移行可能 n Grunt の内部ライブラリ依存は別途参照 grunt.util._ var _ = require(‘lodash’) grunt.file.readYAML var YAML = require('js-yaml’)
gulp
gulp n ストリームベースのビルドシステム n Grunt より普及しているといえる ü gulp: 88,646 downloads
/ day ü Grunt: 63,219 downloads / day n 2016/02/09 - gulp v3.9.1 released (最新安定版) n gulp v4.0.0 ... 現在開発中
詳細: https://github.com/gulpjs/gulp/compare/v3.9.1...4.0 diff: gulp v3.x -> v4.x n タスク実行システムの変更 ü
内部ライブラリ変更: orchestrator -> undertaker (bach) ü タスクの並列 / 直列実行が容易に n ファイルの扱いの変更 ü 内部ライブラリ変更: vinyl-fs (glob-watcher) -> chokidar ü 変更監視の高速化が期待
詳細: https://github.com/gulpjs/gulp/compare/v3.9.1...4.0 移行: gulp v3.x -> v4.x gulp.task(‘check’, gulp.parallel(‘lint’, ‘test’));
gulp.task(‘check’, [‘lint’, ‘test’]); gulp v3.x gulp v4.x この記法は廃止 parallel / series を用いて記述 並列 / 直列記述が容易に
詳細: https://github.com/gulpjs/gulp/compare/v3.9.1...4.0 移行: gulp v3.x -> v4.x gulp.task(‘hello’, function ()
{ console.log(‘Hello world’); }); gulp v3.x gulp v4.x gulp.task(‘hello’, function (done) { console.log(‘Hello world’); done(); }); この記法は廃止 明示的な終了が必要 ※ ストリーム / Promise の返却でも可
まとめ
Thanks ALLPPT.com _ Free PowerPoint Templates, Diagrams and Charts