Gruntを使ã£ã¦Sass(SCSS) / Compassをコンパイルã—ã¦ã¿ã‚‹ | MONSTER DIVE今回ã¯ã€Gruntを使ã£ã¦Sassをコンパイルã—ã¦ã¿ã¾ã™ã€‚Gruntã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã®è¨˜äº‹ã§ç´¹ä»‹ã—ã¦ãã‚Œã¦ã‚‹ã®ã“ã¡ã‚‰ã‚’ã”覧ãã ã•ã„。Sassã®è¨˜æ³•ã«ã¯ã€SCSS記法ã¨SASS記法ã®2種類ãŒã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯SCSS記法ã®ã¿å¯¾å¿œã«ãªã‚Šã¾ã™ã€‚ ※Sass・Compassã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¨ã—ã¾ã™ã€‚ Gruntã§å‡¦ç†ã—ãŸã„ã“㨠Gruntã«ã¯ã€Sassã¨Compassをコンパイルã™ã‚‹ä»¥å¤–ã«ã‚‚様々ãªä¾¿åˆ©æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ 今回ã€ä¸‹è¨˜ã®æ©Ÿèƒ½ã‚‚使ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Sassファイルをコンパイルã™ã‚‹ livereloadã§SassファイルãŒæ›´æ–°ã•ã‚ŒãŸã‚‰ãƒ–ラウザをリãƒãƒ¼ãƒ‰ã•ã›ã‚‹ ãƒãƒ©ãƒãƒ©ã«è¨˜è¿°ã•ã‚ŒãŸãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚’ã¾ã¨ã‚ã‚‹ CSSã®ãƒ—ãƒãƒ‘ティã®é †ç•ªã‚’æƒãˆã‚‹ ãƒ•ã‚©ãƒ«ãƒ€æ§‹æˆ ãƒ•ã‚©ãƒ«ãƒ€æ§‹æˆã«ã¤ã„ã¦ã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ project ├css (CSSã®å‡ºåŠ›å…ˆ) ├sass │└sty
{{#tags}}- {{label}}
{{/tags}}