Railsã«gulpã‚’çµ±åˆã•ã›ã‚‹ - Rails WebookRailsã§gulpを使ã£ã¦ã‚¢ã‚»ãƒƒãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®ç®¡ç†ã§ãる環境を構築ã—ã¾ã™ã€‚ gulpã¯ã‚¢ã‚»ãƒƒãƒˆã‚’管ç†ã™ã‚‹ãƒ„ールã§ã€jsã€cssã€imagesãªã©ã®ã‚¢ã‚»ãƒƒãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’ビルドã—ã¦ã€ãれをRailsã‹ã‚‰å‚ç…§ã™ã‚‹æµã‚Œã§ã™ã€‚ ã¾ãŸã€gemã«ãƒãƒ³ãƒ‰ãƒ«ã•ã‚Œã¦ã„るアセットファイルもã‚ã‚‹ã®ã§ã€Sprockets(Railsã®ã‚¢ã‚»ãƒƒãƒˆç®¡ç†ã®gem)ã¯æœ‰åŠ¹ã«ã—ã¦ãŠãã¾ã™ã€‚有効ã«ã—ã¦ãŠãã¾ã™ãŒæ¥µåŠ›ä½¿ã„ã¾ã›ã‚“。 gulpã§sass/scssã®ã‚³ãƒ³ãƒ‘イルã€ES6ã®ã‚³ãƒ³ãƒ‘イル(babel, webpack)ã€gulpã®ä¾¿åˆ©ãƒ—ラグイン(変更監視ã€ç”»é¢ãƒªãƒãƒ¼ãƒ‰ã€é€šçŸ¥)ã€ãƒŸãƒ‹ãƒ•ã‚¡ã‚¤ã€ãƒ€ã‚¤ã‚¸ã‚§ã‚¹ãƒˆä»˜ä¸Žã‚’ã§ãるよã†ã«ã—ã¾ã™ã€‚ ãã—ã¦ã€gulpã§ä½œæˆã•ã‚ŒãŸcssã‚„jsã®ã‚¢ã‚»ãƒƒãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’Railsã‹ã‚‰ãƒãƒ¼ãƒ‰ã§ãるよã†ã«ã—ã¾ã™ã€‚ å‚考ã«ã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’GitHubã«ä¸Šã’ãŸã‚ã‚Šã¾ã™ã€‚ https://github.com/nipe03
ã¼ã（ãŸã¡ï¼‰ã®ã‹ã‚“ãŒãˆãŸæœ€æ–°ã®JS開発環境 #scripty04
Gulpを使ã£ãŸSVGスプライトã®ã‚¢ã‚¤ã‚³ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã¨ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã®ä½œã‚Šæ–¹
{{#tags}}- {{label}}
{{/tags}}