VisualStudioCodeã¨webpack-dev-serverã§JavaScriptをデãƒãƒƒã‚°ã™ã‚‹ - Qiitaæ¦‚è¦ JavaScriptã®é–‹ç™ºæ™‚ã«ã‚‚Xcodeãªã©ã®IDE並ã®ç’°å¢ƒã‚’用æ„ã™ã¹ãã€é€²åŒ–ã«è¿½ã„ã¤ã‘ã¦ã„ãªã‹ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºãƒ„ール周りを試ã—ã¦æ§‹ç¯‰ã—ãŸã€‚ 最近ã¯ES2015ã§ã‚³ãƒ¼ãƒ‰ã‚’書ãã®ã§babelã§ES5ã«å¤‰æ›ã™ã‚‹ã®ãŒå¿…é ˆã€‚ãã†ãªã‚‹ã¨é–‹ç™ºæ™‚ã®ã‚½ãƒ¼ã‚¹ã¨å®Ÿè¡Œæ™‚ã®ã‚¹ã‚¯ãƒªãƒ—トãŒç•°ãªã‚‹ã®ã§ãã®ã¾ã¾ã§ã¯ãƒ‡ãƒãƒƒã‚°ãŒã§ããªã„（Chromeã®Developer Toolã§æ¢ã‚ã¦ã¿ã¦ã‚‚書ã„ãŸã‚³ãƒ¼ãƒ‰ã¨ã¯é•ã†è¡¨ç¾ã®ã‚³ãƒ¼ãƒ‰ä¸Šã§æ¢ã¾ã‚‹ï¼‰ã€‚ ã“ã®å•é¡Œã‚’解決ã•ã‚Œã‚‹ãŸã‚ã«webpackã§ã¯é–‹ç™ºæ™‚ã®ã‚½ãƒ¼ã‚¹ã§ãƒ‡ãƒãƒƒã‚°ã‚’å¯èƒ½ã«ã™ã‚‹ãŸã‚ã«Source Mappingã¨ã„ã†æ‰‹æ³•ã‚’å°Žå…¥ã—ã¦ã„る。ãã—ã¦ã“れを利用ã™ã‚‹ã“ã¨ã§Visual Studio Codeã‹ã‚‰Chromeã¸ã®Remote DebuggingãŒå¯èƒ½ã«ãªã‚‹ã€‚ 想定環境 macOS Sierra Visual Studio Code ver.1.11.2 1.17.
{{#tags}}- {{label}}
{{/tags}}