WebPack-Dev-Serverã‹ã‚‰Browsersyncã«ä¹—ã‚Šæ›ãˆãŸ | // sakura noteå‰ã€…回㫠モダンãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒã‚’ã¤ãã‚‹ ã¨ã„ã†è¨˜äº‹ã‚’書ãã¾ã—ãŸãŒã€ãã®ä¸ã§ä½¿ã£ãŸ WebPack-Dev-Server ã‚’æ¨ã¦ãŸã®ã§ãã®èƒŒæ™¯ã¨ã€Step-by-Stepã®å°Žå…¥ãƒ•ãƒãƒ¼ã‚’書ã„ã¦ã¿ã¾ã™ã€‚ WebPack-Dev-Server ã‚’æ¨ã¦ãŸç†ç”± 大ãã次ã®å•é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ Scssã§@importã•ã‚Œã¦ã„るファイルを変更ã—ã¦ã‚‚ã€æ£ã—ãビルドã•ã‚Œãªã„ TypeScriptã®importã¯å•é¡Œãªã„ ビルド時ã«ãƒžãƒƒãƒ—ファイルãŒç”Ÿæˆã•ã‚Œãšã€ãƒã‚°ãŒç™ºç”Ÿã—ãŸã¨ãã«ãã®ã¾ã¾èª¿æŸ»ã«å…¥ã‚Œãªã„ ビルドçµæžœãŒã‚¤ãƒ³ãƒ¡ãƒ¢ãƒªã§ã‚µãƒ¼ãƒ–ã•ã‚Œã‚‹ãŸã‚ã€ãƒ“ルドã•ã‚ŒãŸã‚½ãƒ¼ã‚¹ã‚’確èªã™ã‚‹ã«ã¯åˆ¥é€” webpack コマンドを打ãŸãªãã¦ã¯ã„ã‘ãªã„ 特ã«1番目ã®ã‚‚ã®ãŒã‚¯ãƒªãƒ†ã‚£ã‚«ãƒ«ã§ã€CSSã‚’é©ç”¨ã™ã‚‹æ®µéšŽã§ã¯æ¯Žå›žwebpackコマンドを打ã£ã¦å®Ÿéš›ã«ãƒ“ルドã—ãªãã¦ã¯ãªã‚‰ãšã€ä½¿ã„物ã«ãªã‚‰ãªã‹ã£ãŸãŸã‚ã§ã™ã€‚ ã“ã®3ã¤ã®å•é¡Œã‚’ã™ã¹ã¦
{{#tags}}- {{label}}
{{/tags}}