Typescript: 모듈 정의가 전역 변수로 선언되도록 허용

import 선언을 소스 파일에 추가하는 순간 외부 모듈로 간주되기 때문에이 작업을 수행 할 수 없습니다. 전역을 사용하는 React 정의 파일을 사용하지 않는 이유는 무엇입니까?

https://github.com/borisyankov/DefinitelyTyped/blob/master/react/react-global.d.ts

이것이 문제를 해결할 것 같습니다.

나는 실제로 react-global.d.ts 도 시도했는데, 분명히 전역 공간에 React 를 넣었지만 어떻게 전역 적으로 이름을 바꾸고 Typescript에 알릴 수 있을까요?

declare var _r = React;  // error Cannot find name 'React';

내 실제 사용 사례는 유틸리티 / 공통 유형 모듈을 전역 공간으로 끌어 올릴 수 있으므로이를 얻기 위해 많은 상대 경로 가져 오기를 사용할 필요가 없습니다. Javascript에서이 작업을 수행 할 수 있지만 Typescript 컴파일러가 내가 수행했음을 알리는 방법에 대해 고심하고 있습니다.

@ahejlsberg- 나는 당신이 엣지 케이스에 대한 내 생각을

예를 들어 r.d.ts 선언 파일을 만들 수 있습니다.

/// <reference path="react-global.d.ts"/>
declare var R: typeof React;

모든 곳에서 해당 파일을 참조합니다. 또는 더 나은 :

/// <reference path="react-global.d.ts"/>
import R = React;

그러면 React의 유형을 R.xxx로 참조 할 수 있습니다.

나는 전에 typeof 의 사용을 본 적이 없다-꽤 멋지다. 이것은 .d.ts 에서 이미 정의 된 모듈에 대해 훌륭하게 작동하지만 Typescript에 정의 된 외부 모듈을 전역 공간으로 끌어 올려 Typescript에 대해 알 수있는 방법은 아직 보이지 않습니다. 안티 패턴이라서 그냥 넘어 가야 할까 ...

외부 모듈을 지원하기 위해 typeof 를 확장 해 달라는 몇 가지 요청 (예 : # 2357)이 있었지만 지금까지이 기능에 대한 수요는 많지 않았습니다.

일반적으로 프로그램은 외부 모듈없이 작성되거나 외부 모듈로만 작성됩니다. AMD 브라우저 앱의 부트 스트랩 부분 외에는 혼합 모델이 가능한 실행 환경이 실제로 없습니다. 네, 대부분은 안티 패턴입니다.

유머러스하게 시간을 내 주셔서 감사합니다! 저는 (곧 출시 될 Angular2 및 Aurelia 프레임 워크를 사용하기 위해) 외부 모듈을 탐색하기 시작했습니다. # 17, # 2338 및 # 2839와 같은 문제는 결국 내가 찾고있는 것보다 더 많은 것 같습니다. 현재 프로젝트에 대해 더 깊이 파고 들면서 더 명확한 피드백을 얻을 수 있기를 바랍니다.

여전히 할 수 없습니까? 저는 VueJS와 함께 TypeScript를 사용하려고하는데 몇 가지를 전역 네임 스페이스로 가져 와서 모든 구성 요소가 이러한 것들을 가져올 필요없이 사용할 수 있다면 대단히 감사하겠습니다. 이 작업을 수행하기 위해 어떤 진전이나 해킹이 있었습니까?

에버트

나는 분명히 typescript 2.xx에서 작동하는 방법을 찾았습니다. 제 경우에는 라이브러리 ramda를 전역 R 로 노출하고 싶습니다.

1. npm install ramda @types/ramda
2. typings/ramda.d.ts 파일 생성
3. 새로 생성 된 typings 폴더를 .tsconfig.json의 포함에 추가합니다.

"include": [
    "typings/**/*",
     ...
]

1. typings/ramda.d.ts 마법 추가 :

import * as _R from 'ramda';

export as namespace R;
export = _R; 

이제 내 프로젝트의 모든 ts 파일은 내가 더 이상 가져 오기를 수행하지 않고 해당 파일에서 유형이 지정된 전역 R 가 있다고 가정합니다.

내 types/vue.d.ts 에서 다음 코드를 사용하여 그렇게하려고 할 때 @geekflyer :

import * as V from 'vue'

export as namespace Vue
export = V

전역 Vue 어딘가에서 사용하려고 할 때마다 다음 오류가 발생합니다.

error TS2686: 'Vue' refers to a UMD global, but the current file is a module. Consider adding an import instead.

어느 시점에서 그 오류가 발생 했습니까? 그렇다면 어떻게 했습니까?

편집하다

해당 오류가 발생하지 않고 왜 그 오류가 발생하는지 잘 모르겠다면 전체 tsconfig.json과 웹팩 구성을 표시해 주시겠습니까?

안녕하세요 @Evertt 실제로이 오류가 발생합니다. 처음에는 소스 코드가 ES6 모듈 구문을 사용하지 않았지만 일부 파일을 해당 구문으로 리팩토링하면 동일한 오류가 발생했습니다. 몇 가지 조사를했고 이제 저에게 도움이 된 것은 두 번째 파일 globals.d.ts 만들고이를 타이핑 폴더에 넣을 때입니다.

import * as _R from 'ramda';
import * as _mobx from 'mobx';

declare global {
  const R: typeof _R;
  const mobx: typeof _mobx;
}

사실이 파일만으로는 타이프 스크립트 컴파일러를 "만족"하는 것처럼 보이므로 이론상 이전에 언급 한 다른 파일은 필요하지 않습니다. 그러나 내 특별한 경우 (WebStorm을 사용하고 있습니다) globals.d.ts 파일 만 있으면 IDE가 계속해서 모듈을 가져 오도록 핑하고 해당 전역에 대한 완료가 불완전했습니다. 그래서 나는 기본적으로 typescript와 IDE를 만족시키는 typings 디렉토리에 두 파일을 모두 보관했습니다. 별로 좋지는 않지만 일반적으로 사용하는 몇 가지 전역에 대해서는 해당 파일을 유지하는 것이 좋습니다.

이것은 내 tsconfig.json 입니다.

{
  "compilerOptions": {
    "target": "ES5",
    "module": "amd",
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "lib": [
      "ES6",
      "DOM",
      "ScriptHost"
    ],
    "sourceMap": true,
    "strictNullChecks": true
  },
  "include": [
    "types/**/*",
    "src/**/*"
  ]
}

번들로 webpack이나 다른 것을 사용하지 않습니다. 개별 파일을 트랜스 파일하고 https://github.com/SAP/openui5 모듈 시스템 (AMD와 유사)을 통해로드하고 프로덕션 용으로 만 번들로 제공합니다.

Typescript 버전 : 2.2.1

도움이되기를 바랍니다.

@geekflyer 매우 도움이되었습니다.