web-dev-qa-db-ja.com

WebStorm + TypeScript：参照パスなしで使用する方法？

Visual Studioでは、/// <reference path="..." />タグを含めなくても内部モジュールを使用できます。
WebStorm 10で同じよ​​うにするにはどうすればよいですか？

別の質問、どうすればWebStormにタイピングをプロジェクトにインポートさせることができますか？ WebStorm 10はタイピングをキャッシュフォルダーに入れます。

typescriptwebstorm
16
Hao

internalモジュールの場合は、 RequireJS / SystemJS / Webpack / Browserify 、internalモジュールの/// <reference path="..." />を作成する必要がなくなり、不要になりますmodulenamespacesを使用します。
RequireJSを使用する場合、引数-m AMDを指定してtscを実行する必要があります。Browserify-m commonjsの場合、SystemJSとWebpackはAMDとcommonjsの両方のスタイル（およびその他）をサポートしますが、 tsconfig.json ファイル（読み続ける）これを追加する必要のない場所引数。

externalTypeScriptモジュールの場合;通常d.tsファイル（外部JSライブラリのタイプ定義、別名タイピング）、 typings モジュールをインストール Node のパッケージマネージャー- [〜＃〜] npm [〜＃〜] 。
typings は、プロジェクトのTypingsを管理し、すべての/// <reference path="..." />行を単一のd.tsファイルに結合するのに役立ちます。

内部モジュールと外部モジュールの両方で、 tsconfig.json ファイルを使用して、/// <reference path="..." />行の必要性を排除できます。

Webstorm 11 （現在開発段階で、早期アクセスプログラム、EAPで配布）には、tsconfig.jsonファイルのサポートが組み込まれています。
Webstorm 10では このソリューション を使用できます。

入力を管理するためにtypingsを使用しながらtsconfig.jsonを使用しないことを選択した場合、およびRequireJSなどのモジュールローダーは、 -m [...]コマンドラインオプションを追加し、/// <reference path="path/typings/something.d.ts" />のsingleラインを上に含める必要があります内部。tsファイルの場合、この.d.tsファイルには、プロジェクトが依存するすべての外部Typingsが含まれます。

tsconfig.json

プロジェクトのルートに配置します。
コンテンツは次のようになります：

{
  "compilerOptions": {
    "module": "commonjs",
    "sourceMap": true,
    "target": "es5",
    "experimentalDecorators": true
  },
  "files": [
    "typings/something.d.ts",
    "main.ts"
  ]
}

注.tsキーの下にあるすべてのfiles:ファイルをリストする必要がないことに注意してください。tscは、任意のfiles:で言及されているファイル。

ウェブストーム11

tsconfig.jsonを使用するための構成webstorm：

enter image description here

tl; dr

可能であれば、次のことを行うのが最善です（IMHO）。

  • モジュールローダー（RequireJS/SystemJS/Browserify/Webpack）を使用します。
  • typingsモジュールでd.tsファイル（typings）を管理します。
  • すべてをtsconfig.jsonファイルにラップします（使用するようにwebstormを構成します）。

その後、/// <reference path="..." />行をすべて削除できます。

23
Alon Amir