ã‚‚ã†gulpã§æ†”æ‚´ã—ãªã„ - 低ä¾å˜gulpfileã®ãƒ¬ã‚·ãƒ” - Qiita
ã€è¿½è¨˜150805】ã•ã‚‰ã«æ†”æ‚´ã—ãªã„ãŸã‚ã®æœ‰ç”¨ãªè¨˜äº‹ã€Žã‚¢ã‚«ãƒ™ã‚³ãƒžã‚¤ãƒª | gulp ãªã—ã® Web フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã€ãŒæŽ²è¼‰ã•ã‚Œã¾ã—ãŸã®ã§ã€ã“ã¡ã‚‰ã‚‚ãŠå‹§ã‚ã—ã¾ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€@armorik83ã§ã™ã€‚皆ã•ã‚“ã€Grunt / gulp使ã£ã¦ã¾ã™ã‹ã€‚ãŠãªã˜ã¿ãªã®ã§ã€ã“ã“ã§ã¯èª¬æ˜Žã¯ã—ã¾ã›ã‚“。 ã“ã®è¨˜äº‹ã®è¦ç‚¹ ãªãœGrunt / gulpã¯æ†”æ‚´ã«è‡³ã‚‹ã®ã‹ã€çµŒç·¯ã¨å•é¡Œç‚¹ npm run-scriptã®ä»•çµ„ã¿ã«ã¤ã„㦠package.jsonã«scriptを羅列ã™ã‚‹ã“ã¨ã«å¯¾ã™ã‚‹æ˜¯éž シンプルãªgulpfileã«ã¤ã„ã¦ã®æ言 経緯 ã•ã¦ã€å…ˆæ—¥ã“ã®ã‚ˆã†ãªè¨˜äº‹ãŒç•Œéšˆã§åºƒã¾ã£ã¦ã„ã¾ã—ãŸã€‚ Grunt/Gulpã§æ†”æ‚´ã—ãŸãŠã£ã•ã‚“ã®è©± ã“ã®è¨˜äº‹ã«ã¤ã„ã¦ã¯åŒæ„ã§ãã‚‹ã¨ã“ã‚ã¨ã€ãã†ã§ã‚‚ãªã„ã¨ã“ã‚ã¨ã€ä¸¡æ–¹æœ‰ã‚Šã¾ã—ãŸã€‚ãŸã ã€Grunt / gulpを使ã£ã¦ã„ã¦è‰²ã€…æ¯ãŒã‚†ã•ã‚’æ„Ÿã˜ã¦ã„ã‚‹æ–¹ã¯æ˜¨ä»Šå¢—ãˆã¦ã„ã‚‹ã ã‚ã†ã¨æ„Ÿã˜ã¾ã™
Grunt/Gulpã§æ†”æ‚´ã—ãŸãŠã£ã•ã‚“ã®è©± | MOL
先人ãŸã¡ãŒ1å¹´å‰ã«é€šã£ãŸé“ã§ã€ã„ã‚ã„ã‚ã„ã¾ã•ã‚‰ã‹ã‚ˆã£ã¦è©±ãªã‚“ã§ã™ãŒã€‚基本的ã«ä»¥ä¸‹ã®è¨˜äº‹èªã‚“ã ら分ã‹ã‚Šã¾ã™ã€‚è¦ã¯Gulpã¨ã‹Gruntã¨ã„ã£ãŸãƒ¢ãƒŽä½¿ã‚ãšã«npm run hogehogeã§ãƒ“ルドã—よーãœã£ã¦è©±ã§ã™ã€‚ task automation with npm run オレ的Gruntã«å¯¾ã™ã‚‹æœ€æ–°ã®æ°—æŒã¡ - from scratch Node - npm ã§ä¾å˜ã‚‚タスクも一元化ã™ã‚‹ How to Use npm as a Build Tool // package.json "scripts": { "start": "npm run start-serve & npm run watch", "test": "stylestats public/files/css/maple.css", "start-serve": "browser-sync start --server publ
Grunt 㧠Vagrant up 時ã«ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã‚’インãƒãƒ¼ãƒˆã™ã‚‹ã‚ˆã†ã«ã—ãŸã‚‰ã™ã”ãæ—ã‚‹ï¼
普段ã€ãƒãƒ¼ã‚«ãƒ«ã¯ Vagrant（ VCCW ）ã§é–‹ç™ºã‚’è¡Œã£ã¦ã„ã¦ã€WordPress ã®å„ディレクトリ・ファイル㯠Vagrant ã®å…±æœ‰ãƒ•ã‚©ãƒ«ãƒ€æ©Ÿèƒ½ãŒã‚ã‚‹ã®ã§è‰¯ã„æ„Ÿã˜ã«åˆ¥ç’°å¢ƒã«è¤‡è£½ã—ãŸã‚Šãƒ†ã‚¹ãƒˆç’°å¢ƒã€æœ¬ç•ªç’°å¢ƒã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸã‚Šã§ãã‚‹ã®ã§ã™ãŒã€ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã®å†…容ã¯ãƒãƒ¼ã‚«ãƒ«ã¨å…±æœ‰ã§ããšã€Vagrant 環境ã®ä¸ã«ã‚ã‚‹å½¢ã¨ãªã‚‹ã®ã§ã€ã‚¤ãƒ³ãƒãƒ¼ãƒˆã€ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒã¨ã£ã¦ã‚‚é¢å€’ã ãªã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€Grunt ã‹ã‚‰ WordPress データベースã®ã‚¤ãƒ³ãƒãƒ¼ãƒˆã€ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒè‰¯ã„æ„Ÿã˜ã«ã§ãるよã†ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ 実際ã©ã®ã‚ˆã†ãªç’°å¢ƒã«ã—ãŸã®ã‹ 対象サイトã®é–‹ç™ºç’°å¢ƒã®ãƒ«ãƒ¼ãƒˆã§ grunt ã¨ã‚³ãƒžãƒ³ãƒ‰ã‚’打ã¤ã ã‘㧠Vagrant ã®èµ·å‹•ã€sql ファイルãŒå˜åœ¨ã—ãŸã‚‰ãれをインãƒãƒ¼ãƒˆï¼ˆç„¡ã‘ã‚Œã°ç„¡è¦–）ã€grunt halt ã§ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã€Vagrant ã®çµ‚了ãŒè¡Œã‚れるよã†ã«ã—
loadTasks()を使ã£ãŸGruntã®ã‚¿ã‚¹ã‚¯è¨å®šã®ç®¡ç†
How to structure your Grunt tasksã¨ã„ã†loadTasks()を使ã£ã¦Gruntã®è¨å®šã‚’別ファイルã«åˆ†å‰²ã™ã‚‹ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ã«ã¤ã„ã¦ã®è¨˜äº‹ã‚’èªã‚“ã 。「ãªã‚“ã ã¾ãŸå¤‰ãªãƒ—ラグインã‹ã€ã¨ã„ã†æ„Ÿã˜ã§èªã¿å§‹ã‚ãŸã‚‰ã€è‰¯ã„æ„味ã§è£åˆ‡ã‚‰ã‚ŒãŸã€‚ Gruntã®loadTasks()ã¯ç‰¹å®šã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«ã‚るカスタムGruntプラグインを一気ã«èªã¿è¾¼ã‚€ã‚‚ã®ã§ã€è‡ªåˆ†ã§æ›¸ã„ãŸNode.jsパッケージ化ã—ã¦ã„ãªã„Gruntプラグインをèªã¿è¾¼ã‚€ãŸã‚ã«ä½¿ã†ã‚‚ã®ã€‚上記記事ã§ã¯ã“ã‚ŒãŒæŒ‡å®šãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªä»¥ä¸‹ã«ã‚るファイルをå˜ã«JavaScriptファイルã¨ã—ã¦ä¸€æ°—ã«èªã¿è¾¼ã‚“ã§ãれるã“ã¨ã‚’利用ã—ã¦ã€ã‚¿ã‚¹ã‚¯ã”ã¨ã«åˆ†å‰²ã—ãŸè¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ã«ä½¿ã£ã¦ã„る。 普通ã«Gruntfile.jsã«è¨å®šã‚’書ãå ´åˆã¨é•ã„ã€ãƒ—ラグインã”ã¨ã«è¨å®šã‚’ã¾ã¨ã‚ã‚‹å¿…è¦ãŒãªã„。ãã®ãŸã‚ã‚るタスクã®è¨å®šã‚’変ãˆã‚ˆã†ã¨ã—ãŸå ´åˆã€ãã®ã‚¿ã‚¹ã‚¯
How to structure your Grunt tasks
One problem that I frequently experience with Gruntfiles is that they grow out of control pretty quickly. Take this single js datepicker's Gruntfile for example. Now imagine scaling that upwards for your entire web app. Things turn into spaghetti pretty quickly, and you'll need a level 9 wizard to decypher those ancient texts. Build tasks need some structure so that you can quickly understand wha
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Jasmine-node tests executed twice
6to5-Browserify-Grunt
{{#tags}}- {{label}}
{{/tags}}