programing

cshtml 파일에서 TypeScript 사용

powerit 2023. 7. 2. 21:03
반응형

cshtml 파일에서 TypeScript 사용

Razor cshtml 파일에 TypeScript를 사용할 수 있는 방법이 있는지 궁금합니다.

예를 들어, 이런 것.

<script language="text/typescript">
/// typescript goes here
</script>

가능합니다.저는 타입스크립트를 자바스크립트로 즉시 자동 컴파일하는 타입스크립트 컴파일러를 개발했습니다.한 번 해보세요!

TypeScript는 런타임이 아니라 JavaScript로 교차 컴파일됩니다.따라서 TypeScript를 작성하고 컴파일한 다음 JavaScript 스크립트 태그 내에 포함하거나 외부 파일로 포함해야 합니다.

롭스의 답변에 덧붙이자면, 페이지 다운로드에 타이프스크립트 컴파일러를 내장하고 브라우저 컴파일 코드를 작성하는 것이 기술적으로 가능하다는 것입니다.<script language="text/typescript">꼬리표

그러나 성능은 최적이 아니며 서버에서 사전 컴파일하는 것이 좋습니다.기술적으로 전처리기가 이 작업을 수행하는 것을 막을 수 있는 것은 아무것도 없습니다(T4가 할 수 있습니다).

방금 제가 좋아하는 VS Extension을 확인했습니다.웹 Essentials

저장 시 이미 .ts 파일 컴파일이 포함되어 있습니다(Intelisense용 원래 플러그인도 사용하는 것이 좋습니다).

하지만 이것은 분명히 .ts 파일에서만 작동합니다.제 생각에는, 일단 당신이 자바스크립트 대신에 타입스크립트를 선택하는 복잡성에 도달하면, 어쨌든 당신은 그것을 별도의 파일로 사용해야 합니다.

tsc.exe를 사용하여 TypeScript 파일을 수동으로 컴파일한 다음 결과 Javascript를 프로젝트에 추가하거나 저장 시 컴파일하는 Web Essentials와 같은 도구를 사용할 수 있습니다.

컴파일러를 Javascript로 컴파일할 수 있으므로 사용자의 브라우저가 컴파일을 즉시 수행할 수 있습니다(성능과 파일 크기를 희생하더라도 컴파일러는 상당히 큽니다).이 접근 방식의 예는 niutech의 솔루션입니다.

당신이 번들링과 미니화를 사용하고 있다면, 나는 타입스크립트를 자바스크립트로 컴파일하는 I번들트랜스폼 구현체를 방금 출시했습니다.GitHub 및 NuGet(설치 패키지 유형 스크립트 번들 변환)에 있습니다.아직 번들링 및 미니화를 사용하지 않으셨다면 확인해 볼 가치가 있습니다!

언급URL : https://stackoverflow.com/questions/12695451/using-typescript-in-cshtml-files

반응형