sungali3477

<p style="box-sizing: inherit; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: 'Source Sans Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, 'Malgun gothic', '맑은 고딕', Dotum, 돋움, sans-serif; margin: 1em 0px; padding: 0px; vertical-align: baseline; color: #2b3a42; background-color: #ffffff;"><code style="box-sizing: inherit; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 13.5px; line-height: normal; font-family: 'Source Code Pro', Consolas, 'Liberation Mono', Menlo, Courier, monospace; margin: 0px; padding: 2px 6px; vertical-align: baseline; background-color: rgba(70, 94, 105, 0.05); border-radius: 3px; text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px; max-width: 100%; overflow: auto;">webpack-dev-server</code>&nbsp;v4.0.0부터 Hot Module Replacement가 기본적으로 활성화되어 있다고 합니다.</p>
<p style="box-sizing: inherit; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: 'Source Sans Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, 'Malgun gothic', '맑은 고딕', Dotum, 돋움, sans-serif; margin: 1em 0px; padding: 0px; vertical-align: baseline; color: #2b3a42; background-color: #ffffff;">=> static 폴더의 기본값이 /public으로 설정되어 있습니다. 이를 index.html가 존재하는 경로로 설정해주면 해결됩니다.</p>
<p style="box-sizing: inherit; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: 'Source Sans Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, 'Malgun gothic', '맑은 고딕', Dotum, 돋움, sans-serif; margin: 1em 0px; padding: 0px; vertical-align: baseline; color: #2b3a42; background-color: #ffffff;">&nbsp;</p>
<p style="box-sizing: inherit; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: 'Source Sans Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, 'Malgun gothic', '맑은 고딕', Dotum, 돋움, sans-serif; margin: 1em 0px; padding: 0px; vertical-align: baseline; color: #2b3a42; background-color: #ffffff;">저의 경우, webpack.config.js 파일에서 아래 코드를 추가하니 정상적으로 동작했습니다</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #9cdcfe;"> devServer</span><span style="color: #9cdcfe;">:</span> {</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">static</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">__dirname</span>,</div>
<div>&nbsp; },</div>
</div>
<p style="box-sizing: inherit; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: 'Source Sans Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, 'Malgun gothic', '맑은 고딕', Dotum, 돋움, sans-serif; margin: 1em 0px; padding: 0px; vertical-align: baseline; color: #2b3a42; background-color: #ffffff;">&nbsp;</p>
<p>참고 페이지 : https://webpack.kr/guides/hot-module-replacement/</p>

sungali3477

Posts