[Gulp]ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹Gulp（3）：gulp.watchã§ãƒ•ã‚¡ã‚¤ãƒ«ã®å¤‰æ›´ã‚’監視ã—タスクを実行ã™ã‚‹ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã¯Gulp.js（全俺） Advent Calendar 2014ã§ã™ã€‚ å‰å›žã®ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹Gulp（2）：gulp-sassを使ã£ã¦SCSSをコンパイルã™ã‚‹ã‚¿ã‚¹ã‚¯ã‚’作ã£ã¦ã¿ã‚‹ã§gulp-sassを使ã£ã¦SCSSファイルをCSSã«ã‚³ãƒ³ãƒ‘イルã™ã‚‹ã‚¿ã‚¹ã‚¯ã‚’作æˆã—ã¾ã—ãŸã€‚今回ã¯ãã®ã‚¿ã‚¹ã‚¯ã‚’ベースã«SCSSファイルã®å¤‰æ›´ã‚’監視ã—ã¦ã‚¿ã‚¹ã‚¯ã‚’実行ã™ã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ watchタスクを作る ã¾ãšã€å‰å›žã®gulpfile.jsã‚’ãŠå¾©ç¿’ã„ã§ã™ã€‚Sassを実行ã™ã‚‹ã ã‘ã®sassã¨ã„ã†åå‰ã®ã‚¿ã‚¹ã‚¯ãŒä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚コメントã®éƒ¨åˆ†ã«watchタスクを作りã¾ã™ã€‚ var gulp = require('gulp'); var sass = require('gulp-sass'); gulp.task('sass', function(){ gulp.src('./src/scss/*.scs
![[Gulp]ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹Gulp（3）：gulp.watchã§ãƒ•ã‚¡ã‚¤ãƒ«ã®å¤‰æ›´ã‚’監視ã—タスクを実行ã™ã‚‹](https://cdn-ak-scissors.b.st-hatena.com/image/square/28ce70a4ba19573c729e61a380304d78f3fccffd/height=288;version=1;width=512/http%3A%2F%2Fwhiskers.nukos.kitchen%2Fassets%2Fimages%2Fogp.png)
gulpを利用ã—ã¦mochaã§æ›¸ã‹ã‚ŒãŸãƒ†ã‚¹ãƒˆã‚’実行ã™ã‚‹ - テノニッ゠(@hideack 's diary)
Gulp.js入門 - コーディングを10å€é€Ÿãã™ã‚‹ç’°å¢ƒã‚’作る方法ã¾ã¨ã‚ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
僕ãªã‚Šã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒ2016年版 - Qiita
Gulpã‚’Webstormã§ä½¿ã£ã¦ã¿ã‚‹ - Qiita
1ページã§å®Œçµã€Web制作者ãŒåŠ©ã‹ã‚‹ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆãƒ»è³‡æ–™ãƒ»PDFã¾ã¨ã‚
Gulpã§SVGスプライトã¨ã‚¢ã‚¤ã‚³ãƒ³ä¸€è¦§ã‚’ä¸€ç™ºç”Ÿæˆ - Bit Journey's Tech Blog
{{#tags}}- {{label}}
{{/tags}}