npm-scriptsã§é™çš„ページをé‡ç”£ã™ã‚‹ãŸã‚ã®æœ€å¼·ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ - Qiitaã¡ã‚‡ã£ã¨å¤§è¦æ¨¡ãªwebサイトを作るã¨ãã«ä¾¿åˆ©ãªã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã‚’npm-scriptsã§ä½œæˆã—ã¾ã—ãŸã€‚ 導入コスト低ãã¦ã€ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒã‚ãŒã£ã¦ä½¿ãˆãªããªã‚‹ãƒªã‚¹ã‚¯ãªã©ãŒä½Žãã¦ã€å¿…è¦ãªæ©Ÿèƒ½ã‚’å–æ¨é¸æŠžã§ãるカスタマイズ豊富ãªæ©Ÿèƒ½ã§ã™ã€‚ ##自動化ã™ã‚‹æ©Ÿèƒ½ã«ã¤ã„㦠1.ejsã§ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„フッターãªã©ã®å…±é€šéƒ¨åˆ†ã®ãƒ†ãƒ³ãƒ—レート化 （ejsを使ã†ã¨ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„フッターãªã©ã®å…±é€šéƒ¨åˆ†ã‚’テンプレート化ã§ãる） 2.scssã‚’cssã«ã‚³ãƒ³ãƒ‘イル 3.cssを圧縮（１行ã«ãªã‚‹ï¼‰ 4.scssã§ã®ä¿®æ£å ´æ‰€ãŒã‚ã‹ã‚Šã‚„ã™ã„よã†ã«source-mapä½œæˆ 5.オートプレフィクサー付与 6.コードを修æ£ã—ã¦ä¿å˜ã™ã‚‹ã¨ç”»é¢ãŒè‡ªå‹•ã§æ›´æ–°ã•ã‚Œã‚‹ 7.é–‹ã„ãŸè¤‡æ•°ãƒ–ラウザ間ã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„クリックãªã©ã®å‹•ãã‚’åŒæœŸã§ãƒ†ã‚¹ãƒˆã‚’容易ã«ï¼ 8.フォルダ分ã‘ã§ãƒšãƒ¼ã‚¸ã”ã¨ã«ç®¡ç†ï¼ˆfolder_1ã€folder_2ã®é…下ã«index
npmã§ãƒŸãƒ‹ãƒžãƒ ã«å§‹ã‚ã‚‹Sass - Qiita
Bootstrap 4を使ã†ãªã‚‰Sassを使ã£ã¦3å€å¹¸ã›ã«ãªã‚ㆠ- Qiita
今日ã‹ã‚‰ä½¿ãˆã‚‹ï¼ Sass/compass ゆるã‚勉強会
「Compassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIG
ã€Sassを覚ãˆã‚ˆã†ï¼ã€‘ã‚‚ãã˜çš„ãªã®ã¨å‚考リンク
Css拡張言語ã®ã‚³ãƒˆãƒã‚¸ãƒ¡
{{#tags}}- {{label}}
{{/tags}}