More maintainable Gruntfiles
One of the awesome things about Grunt is how easy it is to configure. Unlike the imperative tasks in a Rakefile or a Makefile, Grunt has a simple, declarative configuration. A Gruntfile is simply a JS file that loads tasks and sets up the configuration. A traditional Gruntfile, like this one from Grunt's documentation, looks like this: This is an awesomely powerful build setup - concatination, min
Grunt Pluginsã®ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ | Advent Calendar 2013 - Qiita
About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
Let Grunt do the work, focus on the fun!
The document discusses how Grunt can be used as a JavaScript task runner to automate repetitive tasks like minification. It provides examples of configuring Grunt tasks like Uglify to minify files and integrating it with package.json for an easy setup. Developers are encouraged to use Grunt as it allows configuring tasks in JavaScript instead of XML, is fast to set up, and helps focus on important
Gruntfileã‚’æ•´ç†ã—ã¦ã‚¿ã‚¹ã‚¯ã®è‡ªå‹•åŒ–を進ã‚ãŸ
(急é½å®£ä¼) Frontrendã§Gruntã—ã¾ã™ Frontrend（フãƒãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ï¼‰ Vol.3　powered by CyberAgent : ATND Frontrend（フãƒãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ï¼‰ã¨ã¯ サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆãŒä¸»å‚¬ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç³»æŠ€è¡“セミナーã§ã™ã€‚ HTML5/CSS3ã‚„JavaScriptã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚„ノウãƒã‚¦ç‰ã‚’惜ã—ã¿ãªããŠä¼ãˆã—ã¾ã™ã€‚ 2012/10/21（日）ã®åˆå¾Œã«ã€Frontrendã§Gruntã®ã“ã¨ã‚’紹介ã•ã›ã¦ã„ãŸã ãé‹ã³ã«ãªã‚Šã¾ã—ãŸï¼ä»¥ä¸‹ã®è¨˜äº‹ã¯è‰²ã€…ã¨çŸ¥ã£ã¦ã‚‹å‰æãªå†…容ã«ãªã£ã¦ã—ã¾ã£ã¦ã„ã‚‹ã®ã§ã€ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªæ‰€ã‹ã‚‰çŸ¥ã‚ŠãŸã„æ–¹ã«ã¯ç‰¹ã«ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ 今回ã®Frontrendã¯ã‚¹ãƒ”ード特集ã¨ã„ã†ã“ã¨ã§ã€ãƒšãƒ¼ã‚¸ãƒ‘フォーマンスã®æœ€é©åŒ–ã¯ã‚‚ã¡ã‚ã‚“ã€CSSプリプãƒã‚»ãƒƒã‚µã®å°Žå…¥ã‚„ã€ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®é‹ç”¨ã«ã‚ˆã‚‹æ¥å‹™åŠ¹çŽ‡ã®ã‚«ã‚¤ã‚¼ãƒ³ã«ã‚‚è¸ã¿è¾¼ã‚“ã§ã‚¹ãƒ”ードを上ã’ã¦ã„ãã¾ã™ï¼ã¨ã„ã†ã“ã¨ã§
続Grunt + phantomjs + jasmineã§è‡ªå‹•ãƒ†ã‚¹ãƒˆç’°å¢ƒ
目標ã¯grunt + phantomjs + jasmineã®è‡ªå‹•ãƒ†ã‚¹ãƒˆç’°å¢ƒ 先日ã®å¤§ãªã”ã‚„JS Vol.3ã§ã€@_tk84ã•ã‚“ãŒç™ºè¡¨ãªã•ã£ã¦ã„ãŸã€PhantomJSã§è‡ªå‹•ãƒ†ã‚¹ãƒˆã«ã‚¤ãƒ³ã‚¹ãƒ‘イアã•ã‚Œã¦ã€Gruntã§ãã®ã‚ãŸã‚Šã‚’コントãƒãƒ¼ãƒ«ã§ãるよã†ã«ã—ã¾ã—ãŸã€‚ 今回ã®ãƒã‚¤ãƒ³ãƒˆã¯ä¸‹è¨˜ã€‚ .coffeeã‚’ä¿å˜ã—ãŸã‚‰ã€.jsã«è‡ªå‹•ã§ã‚³ãƒ³ãƒ‘イル .jsã®æ›´æ–°ã‚’検知ã—ã¦ã€SpecRunner.htmlã‚’è‡ªå‹•ç”Ÿæˆ ã“ã®ã¨ãæ›´æ–°ã•ã‚ŒãŸ.jsã¨ã€å¯¾ã«ãªã‚‹ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’å«ã‚“ã SpecRunner.htmlãŒç”Ÿæˆã•ã‚Œã‚‹ phantomjsã§ã€SpecRunner.htmlを実行ã—ãŸçµæžœã‚’標準出力 出力をgrowlnotifyã«æ¸¡ã—ã¦ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—通知 @_tk84ã•ã‚“ã®å…ƒãƒã‚¿ã®ã»ã†ã§ã¯ã€Emacsã¨Rubyãªç’°å¢ƒã§ã—ãŸãŒã€è‡ªåˆ†ã¯ã‚¨ãƒ‡ã‚£ã‚¿ã«ã¯ä¾å˜ã›ãšã€nodeã®å®Ÿè¡Œç’°å¢ƒã ã‘ã§ä½•ã¨ã‹ã§ãるよã†ã«æ§‹æˆã—ã¾ã—ãŸã€‚ aho
人気ãã†ãªGruntã§ã€Stylusã¨ã‹CoffeeScriptをビルドã™ã‚‹
ナウã„らã—ã„ã‹ã‚‰gruntã„ã‚Œã¦ã¿ã‚‹ã‚ˆ cowboy/grunt Gruntã¯JSã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã€Rakeã¿ãŸã„ãªãƒ“ルドタスクã®ç®¡ç†ãƒ„ールã¨ã„ãˆã°ã‚ˆã„ã®ã§ã—ょã†ã‹ã€‚LESSã‚„Coffee Scriptã®ã‚ˆã†ãªã‚³ãƒ³ãƒ‘イルを必è¦ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã®å‡¦ç†ã‚„ã€minify・concatãªã©ã‚‚タスクã¨ã—ã¦å®Ÿè¡Œã§ãã¾ã™ã€‚ デフォルトã§ã€ãƒ•ã‚¡ã‚¤ãƒ«æ›´æ–°ã‚’監視ã™ã‚‹watchタスクもã‚ã‚‹ãŸã‚ã€ã‚³ãƒ³ãƒ‘イルæ“作ã®è‡ªå‹•åŒ–ãªã©ã«ã‚‚使ã£ã¦ã„ã‘ã¾ã™ã€‚npmã§ã‚‚grunt関係ã®ã‚¿ã‚¹ã‚¯ãŒå¤šæ•°å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ç°¡å˜ã«ã‚¿ã‚¹ã‚¯ã‚’è¿½åŠ ã§ãã¾ã™ã€‚ ã¾ãšã¯npmã§grunt本体をインストール。 # ng npm instlal grunt npm WARN prefer global [email protected] should be installed with -g # ok npm install -g grunt ã‚ã€ã‚°ãƒãƒ¼ãƒãƒ«ã˜ã‚ƒãªã„ã¨
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - uncss/grunt-uncss: :scissors: A grunt task for removing unused CSS from your projects.
æ—ã‚‹ã‹ã‚‚ã—ã‚Œãªã„フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒ
{{#tags}}- {{label}}
{{/tags}}