[フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰] webpack-dev-serverã§ã€ä¸€éƒ¨ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’別サーãƒãƒ¼ã¸è»¢é€ã™ã‚‹ï¼ˆProxy利用） - YoheiM .NETã“ã‚“ã«ã¡ã¯ã€@yoheiMuneã§ã™ã€‚ 今日ã¯Webpackを用ã„ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã§ã€ä¸€éƒ¨ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®ã¿ã€åˆ¥ã‚µãƒ¼ãƒãƒ¼ã¸ãƒ—ãƒã‚ã‚·ã™ã‚‹ï¼ˆãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’転é€ã™ã‚‹ï¼‰æ–¹æ³•ã‚’ブãƒã‚°ã«æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ 目次 ã‚„ã‚ŠãŸã„ã“㨠WebpackDevServerを用ã„ã‚‹ã¨ã€ç°¡å˜ã«ãƒãƒ¼ã‚«ãƒ«ç’°å¢ƒã§é–‹ç™ºç”¨ã®ã‚µãƒ¼ãƒãƒ¼ã‚’èµ·å‹•ã§ãã¾ã™ã€‚ ãã‚Œã ã‘ã§ã‚‚開発ã¯éžå¸¸ã«åŠ¹çŽ‡çš„ã«è¡Œãˆã¾ã™ãŒã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã¨APIçµåˆã—ãŸé–‹ç™ºã‚’ã™ã‚‹éš›ã«ã¯å°‘ã—考慮ãŒå¿…è¦ã§ã™ã€‚サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã¨ã®çµåˆã¨è¨€ã£ã¦ã‚‚ã€ã„ãã¤ã‹ãƒ‘ターンãŒã‚ã‚Šã¾ã™ãŒã€ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ä¸€ç·’ã§ã€ãƒ‘スã«ã‚ˆã£ã¦ã‚µãƒ¼ãƒãƒ¼ã«æŽ¥ç¶šã™ã‚‹ã‚ˆã†ãªå ´åˆã‚’ã€ä»Šå›žã¯è€ƒæ…®ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 例ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚µã‚¤ãƒˆã®URLã ã£ãŸã¨ã—ã¦ã€ http://local.yoheim.net/ /apiã®ã¿ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®åˆ¥ã®ã‚µãƒ¼ãƒãƒ¼ã¸ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æµã—ãŸã„ã¨ã—ã¾ã™ã€‚ # 例ãˆã°ã“ã‚“ãªURLã‚’ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚µãƒ¼ãƒãƒ¼
![[フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰] webpack-dev-serverã§ã€ä¸€éƒ¨ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’別サーãƒãƒ¼ã¸è»¢é€ã™ã‚‹ï¼ˆProxy利用） - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/af28d6ae57e5600b15f578f7d17f227a19ca6da7/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F516.jpg)
[フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰] ビルドツールã®Webpackã«å…¥é–€ã™ã‚‹ - YoheiM .NET![[フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰] ビルドツールã®Webpackã«å…¥é–€ã™ã‚‹ - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ece80b7aae2d035628eb01cf993c6452f546d11/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F466.jpg)
{{#tags}}- {{label}}
{{/tags}}