npm-scriptã§é–‹ç™ºç’°å¢ƒã‚’作ã£ã¦ã¿ã‚ˆã† | オレインデザイン最近ã€GulpãŒ4.xã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã。ãã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§é–‹ç™ºç’°å¢ƒã§ã‚‚Gulpをアップデートã—ã¦ã‚¨ãƒ©ãƒ¼ã«å›°ã£ã¦ã„る声をèžã„ãŸã‚Šã—ã¾ã™ã€‚ 僕自身もGulpを使ã£ã¦ã„る環境ã§4.xã«ã‚¢ãƒƒãƒ—デートã—ã¦ã€ãã‚Œã¾ã§ä½¿ã£ã¦ã„ãŸãƒ©ã‚¤ãƒ–ラリã‹ã‚‰ã‚¨ãƒ©ãƒ¼ãŒå‡ºã¦å››è‹¦å…«è‹¦ã—ã¾ã—ãŸã€‚ãã®æ™‚ã€ãµã¨æ€ã£ãŸã‚“ã§ã™ã€‚「Gulpã«ä¾å˜ã—ã¦ã‚‹ãªãƒ¼ã€ã¨ã€‚ãã—ã¦ã€ã€Œã ã£ãŸã‚‰npm-scriptã®æ–¹ãŒã„ã„ã‹ã‚‚ã€ã¨æ€ã„ã€npm-scriptã§é–‹ç™ºç’°å¢ƒã‚’作るæµã‚Œã‚’書ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ タスクã®æµã‚Œ Sassã®å‡¦ç† node-sassã§ã‚³ãƒ³ãƒ‘イルプリフィックス付与ã¨åœ§ç¸®å‡¦ç†ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’削除ã—ã¦æ–°ã—ãディレクトリを作るSassã®å‡¦ç†ã‚’ã¾ã¨ã‚ã¦ä¸€é€£ã®ã‚¿ã‚¹ã‚¯ã‚’æµã—ã¦å‡¦ç† JavaScriptã®å‡¦ç† ãƒãƒ³ãƒ‰ãƒ«ã™ã‚‹åœ§ç¸®ã™ã‚‹ä¸€é€£ã®ã‚¿ã‚¹ã‚¯ã‚’æµã—ã¦å‡¦ç† ç”»åƒã®å‡¦ç†ç”»åƒåœ§ç¸®ã®å‡¦ç†ç”»åƒåœ§ç¸®ã®ä¸€é€£ã®æµã‚Œã®ã‚¿ã‚¹ã‚¯ã‚’作るファイルを監視ã™ã‚‹ãƒ–ラウザシ
レスãƒãƒ³ã‚·ãƒ–用ã«font-size, margin, paddingãªã©ã€ãƒ—ãƒãƒ‘ティã®å€¤ã‚’一元管ç†ã§ãã‚‹Sassã®è¶…軽é‡ãƒ©ã‚¤ãƒ–ラリ -SSCSS
BEMã¨ã„ã†å‘½åè¦å‰‡ã¨Sass 3.3ã®æ–°ã—ã„記法 - アインシュタインã®é›»è©±ç•ªå·
Rails4.0ã§Bootstrapå°Žå…¥ã®ã‚ã‚Œã“れ～bootstrap-sass simple_form kaminari dataTables | | Scimpr Blog
css2sass
「Compassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIG
Railsã§Compass, zurui-design, Sassy-Buttons, Bootsrapを使ã†ï¼ - é…’ã¨æ³ªã¨Rubyã¨Railsã¨
{{#tags}}- {{label}}
{{/tags}}