웹팩없이 그냥 ts파일들 tsc로 컴파일해서 브라우저에서 돌리려는데

경로문제에서 좀 막히는게 있음


일단 폴더구조는

index.html

src -- main.ts

  a.ts

dist -- main.js

   a.js

src안에 있는거 dist 폴더 타겟으로 컴파일했음

html 안에서는 (script src="./dist/main.js" type="module"></script)

이렇게 js파일 로드하고


main.ts 안에서 import {A} from "./a" 이렇게 a.ts 파일 로드해오려고 함.
근데 따로 번들링없이 그냥 브라우저에서 바로 돌리면 확장자를 생략할수가 없잖아.

그럼 ts파일에서 a를 불러올때도 import {A} from "./a.js" 로  js확장자 붙여서 불러와야함?

ts확장자로 불러오니까 컴파일에러 뜨면서 js확장자로 바꾸라고 추천하네