[B! gulp] susueã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

susue id:susue

gulpã«é–¢ã™ã‚‹susueã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

gulp-sassã¨gulp-postcssã§å¿«é©ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ç’°å¢ƒã‚’æ§‹ç¯‰ - Qiita
gulp-sassã¨gulp-postcssã‚’çµ„ã¿åˆã‚ã›ã‚‹ã¨ã€å¿«é©ãªCSSã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ç’°å¢ƒã‚’å®Ÿç¾ã§ãã¾ã™ã€‚ Sassã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã¯gulp-sassã§è¡Œã„ã€ãƒã‚¹ãƒˆãƒ—ãƒªã‚»ãƒƒã‚µãƒ¼ã§ã‚ã‚‹gulp-postcssã«ãã®å¾Œã®å‡¦ç†ã‚’é€£æºã•ã›ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã™ã€‚ â€»ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯å½“åˆã€Œgulp-sassã¨gulp-cssnextã§å¿«é©ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ç’°å¢ƒã‚’æ§‹ç¯‰ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§å…¬é–‹ã—ã¦ã„ã¾ã—ãŸãŒã€gulp-cssnextãŒéžæŽ¨å¥¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ãªã‚Šã€PostCSSã‚’ä½¿ã£ãŸã‚„ã‚Šæ–¹ãŒä¸»æµã«ãªã£ã¦ããŸãŸã‚ã€gulp-postcssã‚’ç”¨ã„ãŸå†…å®¹ã«å…¨é¢çš„ã«ä¿®æ£ã—ã¾ã—ãŸã€‚ åŸºç¤ŽçŸ¥è˜ gulp-sassã«ã¤ã„ã¦ gulpã§Sassã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚’è¡Œã†npmãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã§ã™ã€‚ libsassã‚’ä½¿ã£ã¦ã„ã‚‹ãŸã‚ã€gulp-ruby-sassã‚„gulp-compassã¨æ¯”ã¹ã¦å‡¦ç†ãŒé«˜é€Ÿã§ã€ Rubyã«ä¾å˜ã—ãªã„ãŸã‚ç’°å¢ƒã®æ§‹ç¯‰ãƒ»å…±æœ‰ãŒã—ã‚„ã™ã„
susue 2017/04/28
gulp

Sass

CSS
ãƒªãƒ³ã‚¯
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
susue 2015/03/29
javascript

gulp
ãƒªãƒ³ã‚¯
LiveReload ã‹ã‚‰ BrowserSync ã«ä¹—ã‚Šæ›ãˆã¦ã‚‹
LiveReload ã‹ã‚‰ BrowserSync ã«ä¹—ã‚Šæ›ãˆã¦ã‚‹ 2014-06-24 ã“ã®è¨˜äº‹ã‚’æ›¸ã„ã¦æ”¾ç½®ã—ã¦ã„ãŸã‚‰ã€Googleã‹ã‚‰Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºç”¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®Web Starter Kitã«ã€BrowserSyncãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ã¾ã ã¾ã æŠŠæ¡ã—ãã‚Œã¦ã„ã¾ã›ã‚“ãŒã€éœ€è¦ãŒã‚ã‚Šãã†ãªã®ã§ã€ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã‹ç°¡å˜ãªå°Žå…¥æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ BrowserSyncã®åˆ©ç‚¹ BrowserSyncã¯ã€ãã®åã®é€šã‚Šã€Œãƒ–ãƒ©ã‚¦ã‚¶ã‚’åŒæœŸã€ã—ã¦ãã‚Œã¾ã™ã€‚ LiveReloadã®ã‚ˆã†ã«ã€HTMLãƒ•ã‚¡ã‚¤ãƒ«ãªã©ã‚’ç·¨é›†ã€ä¿å˜ã™ã‚‹ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«æ›´æ–°ã‚’è¡Œã„ã€ã•ã‚‰ã«Google Chromeã§è¡Œã£ãŸãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæ“ä½œã€ãŒã€Firefoxãªã©ã®ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚‚ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«åæ˜ ã•ã‚Œã¾ã™ã€‚ BrowserSyncã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€é–‹ç™ºã‹ã‚‰ç¢ºèªã¾ã§ãŒã€ã‚¹ãƒ ãƒ¼ã‚ºã«è¡Œãˆã¾ã™ã€‚ BrowserSync
susue 2015/01/04
BrowserSync

Livereload

gulp
ãƒªãƒ³ã‚¯
ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚ã€‚Gruntã¨ã‹gulpã¨ã‹ (ãƒ•ãƒãƒ³ãƒˆå¯„ã‚Š) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
susue 2014/11/04
JavaScript

node.js

grunt

gulp

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1