2017-02-08 6 views
0

.ts 파일에서 .js (타사에서 호스팅)를 참조하고 .js 파일의 일부 기능을 사용하고 싶습니다. 지금까지이 방법을 찾은 유일한 방법은 .html 페이지를 수정하고 .ts 자체에서 태그를 삽입하는 것입니다. .html 페이지를 수정하는 것 외에는이 작업을 수행하는보다 우아한 방법이 있습니까?CDN의 Typescript 가져 오기 .js

+0

https://medium.freecodecamp.com/javascript-modules-a-beginner-s-guide-783f7d7a5fcc –

+0

이것이 내 질문을 어떻게 해결하는지 잘 모르겠습니다. –

+0

스크립트를로드하려면 모듈 시스템을 사용해야합니다. 거기에 여러 가지 시스템이 있습니다. 이 링크는 그것을 설명합니다. –

답변

0

페이지가로드 될 때 런타임에 사용할 수있는 일부 전역 변수를 참조하려는 것 같습니다. 이러한 변수를 참조하려는 경우 호출 할 내용을 알고 있으면 정의 파일을 작성하여 .ts 파일에서 참조 할 수 있습니다.

declare namespace ThirdParty { 
    interface User { 
    id string; 
    getID(): string; 
    } 
} 
export = ThirdParty; 

그런 다음이처럼 타이프에서 등 그 선언 된 변수, 유형, 기능을 사용할 수 있습니다 :

/// <reference path="ThirdParty.d.ts" /> 
var user = new ThirdParty.User("abc"); 
console.log(user.getID()); 

는 D 당신은 정의 파일이 ThirdParty.d.ts을 불러 다음과 같이 보일 수도있어 .ts 파일은 기본적으로 typescript에 유형이 사용자의 j 또는 액세스 할 유형 지정되지 않은 코드에 대해 알려줍니다.

즉, CDN에서 제 3 자 자바 스크립트 파일을로드하는 경우 신중할 것입니다. 타사 스크립트를 변경하면 작성한 정의 파일과 호환되지 않아 코드가 손상 될 수 있습니다.