How to use added vices in typescript

Question

I am trying to learn Typescript and created a basic typescript structure after this tutorial.

I need to add typing to the project now. So I looked around and found typings . Then I added JQuery, Lodashand D3with the help of typing. So my project structure is as follows:

├── 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

This is my file tsconfig.json:

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

My question is: how to add the files *.d.tsthat I have in the directory typingsin my main.tsfile and start using jQuery $or D3 D3?

I noticed a index.d.tsfile in typingsthat looks like this:

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

, - main.ts tsconfig.json ( , .d.ts). ? .

Answer 1

TypeScript 2 npm . . .

, , - :

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

.

Answer 2

tsconfig:

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

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