k000713

<p>지금 Vue프로젝트에 말씀하신대로 추가하고 있지만 잘 되지 않아 질문을 한번 더 남깁니다! ㅠㅠ</p>
<p>말씀하신대로 타입스크립트 플러그인을 추가하고 npm run build를 위해 웹팩 설정을 구성하였습니다.</p>
<p>웹팩 설정은 아래 링크를 따라하였으며 `<span style="color: #a5cee1; font-family: 'Source Code Pro', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 11.7px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-weight: inherit;">entry</span><span class="token operator" style="font: inherit; box-sizing: inherit; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline; color: #a9becc;">:</span><span style="color: #a5cee1; font-family: 'Source Code Pro', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 11.7px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-weight: inherit;"> </span><span class="token string" style="font: inherit; box-sizing: inherit; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline; color: #4ab576;">'./src/index.ts'</span><span class="token punctuation" style="font: inherit; box-sizing: inherit; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline; color: #e1e6e9;">,</span>`를 ./src/App.vue로 변경하였습니다.</p>
<p>https://webpack.kr/guides/typescript/</p>
<p>그리고 package.json도 아래와 같이 변경하였습니다.</p>
<div style="color: #d6deeb; background-color: #011627; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #7fdbca;">"scripts"</span>: {</div>
<div>&nbsp; &nbsp; <span style="color: #7fdbca;">"dev"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">webpack-dev-server --inline --progress --config build/webpack.dev.conf.js</span><span style="color: #d9f5dd;">"</span>,</div>
<div>&nbsp; &nbsp; <span style="color: #7fdbca;">"start"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">npm run dev</span><span style="color: #d9f5dd;">"</span>,</div>
<div>&nbsp; &nbsp; <span style="color: #7fdbca;">"build"</span>: <span style="color: #d9f5dd;">"</span><span style="color: #c789d6;">webpack</span><span style="color: #d9f5dd;">"</span></div>
<div>},</div>
</div>
<p>&nbsp;</p>
<p>또한, build 외에 typescript를 start를 하려면 npm run dev를 어떻게 변경해야하나요?</p>

k000713

Posts