Gewusst wie: Typescript

Question

hinzugefügt Typescript Ich habe versucht, Typoskript zu lernen, und haben eine grundlegende Typoskript Struktur nach this Tutorial erstellt.

Ich muss jetzt das Projekt typisieren. Also schaute ich mich um und fand typings. Dann fügte ich JQuery, Lodash und D3 mit typings hinzu. So sieht mein Projekt Struktur wie folgt nun:

├── dist 
│   ├── chart.js 
│   ├── greet.js 
│   └── main.js 
├── gulpfile.js 
├── package.json 
├── src 
│   └── ts 
│    ├── chart.ts 
│    ├── greet.ts 
│    └── main.ts 
├── tsconfig.json 
├── typings 
│   ├── globals 
│   │   └── jquery 
│   │    ├── index.d.ts 
│   │    └── typings.json 
│   ├── index.d.ts 
│   └── modules 
│    ├── d3 
│    │   ├── index.d.ts 
│    │   └── typings.json 
│    └── lodash 
│     ├── index.d.ts 
│     └── typings.json 
└── typings.json 

Das ist mein tsconfig.json Datei:

{ 
    "files": [ 
     "src/ts/*.ts" 
    ], 
    "compilerOptions": { 
     "noImplicitAny": true, 
     "target": "es5" 
    } 
} 

Meine Frage ist, wie füge ich die *.d.ts-Dateien, die ich in typings Verzeichnis haben in meiner main.ts Datei und beginnen mit jQuerys $ oder D3 d3?

bemerkte ich index.d.ts Datei in typings, die wie folgt aussieht:

/// <reference path="globals/jquery/index.d.ts" /> 
/// <reference path="modules/d3/index.d.ts" /> 
/// <reference path="modules/lodash/index.d.ts" /> 

Also meine Vermutung ist, ich brauche nur diese Datei irgendwo in meiner main.ts Datei hinzufügen oder in meiner tsconfig.json Datei (statt manuell jede Zugabe .d.ts Datei). Habe ich recht? Vielen Dank.

Answer 1

Typoskript 2 für Arten mit NPM empfiehlt. Siehe The Future of Declaration Files.

Alles, was Sie sollten brauchen, ist so etwas wie:

npm install --save @types/lodash @types/d3 @types/jquery 

und gut zu gehen.

Answer 2

Sie können es in Ihrem TSconfig hinzufügen:

"files": [ 
    "src/ts/*.ts", 
    "typings/**/*.ts" 
] 

oder nur

"files": [ 
    "src/ts/*.ts", 
    "typings/index.d.ts" 
]