<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">안녕하세요.</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">hot reload 관련 main.ts에 추가한 코드 문의드립니다.</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">아래와 같이 module이란 이름의 정해지지 않은 타입을 선언하기만 한것인데 어떻게 reload 관련 모듈을 포함하여 사용할 수 있는 것인가요?</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">
<div style="color: #d6deeb; background-color: #011627; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;"><span style="color: #c792ea; font-style: italic;">declare </span><span style="color: #c792ea;">const</span><span style="color: #c792ea; font-style: italic;"> </span><span style="color: #82aaff; font-style: italic;">module</span><span style="color: #7fdbca;">:</span><span style="color: #c792ea; font-style: italic;"> </span><span style="color: #c5e478; font-style: italic;">any</span>;</div>
<div style="color: #d6deeb; background-color: #011627; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;"></div>
<div style="color: #d6deeb; background-color: #011627; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div style="line-height: 18px;"><span style="color: #c5e478;">module</span><span style="color: #c792ea; font-style: italic;">.</span><span style="color: #baebe2;">hot</span></div>
</div>
<div style="color: #d6deeb; background-color: #011627; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div style="line-height: 18px;"><span style="color: #c5e478;">module</span><span style="color: #c792ea; font-style: italic;">.</span><span style="color: #faf39f; font-style: italic;">hot</span><span style="color: #c792ea; font-style: italic;">.</span><span style="color: #82aaff; font-style: italic;">accept</span>();</div>
<div style="line-height: 18px;">
<div style="line-height: 18px;"><span style="color: #c5e478;">module</span><span style="color: #c792ea; font-style: italic;">.</span><span style="color: #faf39f; font-style: italic;">hot</span><span style="color: #c792ea; font-style: italic;">.</span><span style="color: #82aaff; font-style: italic;">dispose</span>(<span style="color: #d9f5dd;">()</span> <span style="color: #c792ea;">=&gt;</span> app<span style="color: #c792ea; font-style: italic;">.</span><span style="color: #82aaff; font-style: italic;">close</span>());</div>
</div>
</div>
</div>

<p>그저 module이라는 변수가 any 타입을 갖는다고 선언한 것입니다.</p>
<p>module 객체는 웹팩이 넣어준 것이고요. 그에 대한 타이핑을 한 것입니다.</p>

인프런 커뮤니티 질문&답변

declare const module: any;