Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Grunt v1 & gulp v4
Search
Pine Mizune
March 11, 2016
Programming
1
520
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
710
C++ 製グラフィックライブラリ Skia の紹介 / Introduction to the graphics library Skia written by C++
pine
0
1.5k
asyncio + aiohttp で作るウェブサービス / How to develop a web service with asyncio and aiohttp
pine
0
620
Lerna による明示的疎結合アーキテクチャ
pine
1
610
CircleCI 2.0 x JavaScript
pine
3
520
Perl 卒業式
pine
0
300
Android Studio の気になる warnings を抑制する方法まとめ
pine
0
470
Emoji Generator meets Browser Extensions
pine
1
2.9k
近年の OSS 開発における CI 選択のベストプラクティス
pine
3
4.5k
Other Decks in Programming
See All in Programming
Golang と Erlang
taiyow
8
1.9k
Pinia Colada が実現するスマートな非同期処理
naokihaba
2
160
アジャイルを支えるテストアーキテクチャ設計/Test Architecting for Agile
goyoki
7
2.8k
Googleのテストサイズを活用したテスト環境の構築
toms74209200
0
270
役立つログに取り組もう
irof
26
8.7k
RailsのPull requestsのレビューの時に私が考えていること
yahonda
5
1.7k
現場で役立つモデリング 超入門
masuda220
PRO
13
2.9k
プロジェクト新規参入者のリードタイム短縮の観点から見る、品質の高いコードとアーキテクチャを保つメリット
d_endo
1
1k
カラム追加で増えるActiveRecordのメモリサイズ イメージできますか?
asayamakk
4
1.6k
色々なIaCツールを実際に触って比較してみる
iriikeita
0
270
Nuxtベースの「WXT」でChrome拡張を作成する | Vue Fes 2024 ランチセッション
moshi1121
1
520
CSC509 Lecture 09
javiergs
PRO
0
110
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
What's new in Ruby 2.0
geeforr
342
31k
Ruby is Unlike a Banana
tanoku
96
11k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
790
Fontdeck: Realign not Redesign
paulrobertlloyd
81
5.2k
Making the Leap to Tech Lead
cromwellryan
132
8.9k
Automating Front-end Workflow
addyosmani
1365
200k
Optimizing for Happiness
mojombo
376
69k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
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