Mixed-Nuts モダンãªWebサイト制作環境を爆速ã§æ§‹ç¯‰ã™ã‚‹ - Qiita始ã‚ã¯ãŸã Sassをビルドã—ãŸã‹ã£ãŸ... å›°ã£ãŸã“ã¨ã€ã‚„ã‚ŠãŸã‹ã£ãŸã“㨠sassをビルドã™ã‚‹è¨˜äº‹ã¯ã‚ã‚‹ã‘ã©...compass?grunt?gulp?webpack? Windows/Mac/Linux ã§ã‚‚å‹•ã環境を作りãŸã„。 JavaScriptもビルドã—ãŸã„。 一ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ãŸã„。 JavaScriptã‚‚ES6を書ããŸã„。 SourceMapを出力ã—ãŸã„。 ヘッダーやフッターã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã®å…±é€šåŒ–ã—ãŸã„。全部ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¿®æ£ã—ãŸããªã„。 ファイルãŒå¤‰æ›´ã•ã‚ŒãŸã‚‰... Sassã‚„JavaScriptã¯è‡ªå‹•ã§ãƒ“ルドã—ãŸã„。 ブラウザもファイル変更を検知ã—ã¦ãƒªãƒãƒ¼ãƒ‰ã•ã›ãŸã„。 ブラウザã®ã‚ャッシュãŒæ®‹ã‚‰ãªã„よã†ãƒãƒ¼ã‚¸ãƒ§ãƒ‹ãƒ³ã‚°å¯¾ç–ã—ãŸã„。 クリーンãªHTML/CSSを書ããŸã„。 ブラウザ特有ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—レフィックスã¯è‡ªå‹•ã§ä»˜ä¸Žã—ãŸã„。 使ã£ã¦ã„ãªã„スタイルã¯é™¤åŽ»ã—ãŸã„。 本番用ã®ãƒ•
{{#tags}}- {{label}}
{{/tags}}