2016-10-17 2 views
3

私はTypescriptを学びたいと思っており、thisチュートリアルの後に基本的なタイスクリプト構造を設定しました。タイピングスクリプトの追加タイピングの使い方

今、プロジェクトにタイピングを追加する必要があります。だから私は周りを見てtypingsを見つけた。次に、タイピングを使用してJQuery,Lodash、およびD3を追加しました。だから、私のプロジェクト構造は次のようになります。私の質問は、私は私が私のmain.tsファイルにtypingsディレクトリに持って*.d.tsファイルを追加するにはどうすればよいです

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

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

これは私のtsconfig.jsonファイルですjQueryの$またはD3のd3を使用しますか?

私はこのようになりますtypingsindex.d.tsファイル気づい:

/// <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ファイル)。私は正しい?ありがとう。

答えて

3

を活字体2は、タイプのため、NPMを使用することをお勧めします。 The Future of Declaration Filesを参照してください。

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

と行ってもいいこと:

すべてあなたが必要とする必要があるようなものです。

+1

あなたはそれらを開発の依存関係にしたくありません。 'save-dev'の代わりに' save'を使って依存関係を作ります。 – randominstanceOfLivingThing

+0

@randominstanceOfLivingThingさて、記事のように--saveに変更しました。なぜこれが必要なのか、私が作成したこの質問に答えることができるかもしれません。ありがとう。 http://stackoverflow.com/questions/40097488/typescript-2-saving-npm-types-typings-with-save-or-save-dev – RationalDev

+0

ありがとうございました。 – akshayKhot

2

あなたのTSconfigの中でそれを追加することができます

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

か、単に

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

Alexさん、私の 'tssconfig.json'に' index.d.ts'ファイルを追加しました。今、私の '.ts'ファイルに' $ 'とそのようなシンボルを認識させるにはどうしたらいいですか? '.ts'ファイルに何かを追加/要求する必要がありますか? – akshayKhot

+0

私は 'import $ from"を追加しましたが、 'import $ from" jquery ";"を試しましたが、エラーが発生しました: 'モジュールjqueryを細かくできません ' – akshayKhot

+0

これに関する更新? – akshayKhot

関連する問題