web-dev-qa-db-ja.com

TypeScriptカスタムタイプ定義をangular 2に含める方法は?

カスタム型定義ファイルがTypeScriptアプリケーションにどのように含まれているのかわかりません。たとえば、 このアプリケーション には、カスタムタイプ定義を含むsrc/custom-typings.d.tsファイルがあります。このファイルはどのように含まれていますか?

このファイルの名前を変更しようとしましたが、とにかく含まれています。ファイル拡張子は*.tsにすることができます(*.d.tsだけではありません)。 webpackは、プロジェクト内のすべての*.tsファイルでタイプ定義を検索しますか?もしそうなら、この動作を変更する方法は?特定のファイルでタイプ定義を検索するようにwebpackに指示するにはどうすればよいですか?

10
Ildar

Ts-loaderを使用していない限り、*。tsを検索するのはWebpackではありません。 lodashのようなJavascriptに基づくライブラリはたくさんありますが、angular2プロジェクトでそれらを使用したい場合で、開発にTypeScriptを使用している場合は、タイピングを使用する必要があります。

タイピングとは何ですか?

ここで答えを読んでください

プロジェクトに.d.tsファイルをロードする方法は?たとえば、angular2を使用している場合は、zoneのように使用する必要のある依存関係がいくつかあります。アプリにゾーンを追加する場合は、簡単に実行できます。

import "zone.js/dist/zone";

そして、d.tsファイルを探してロードします。

私はこのように依存関係をロードします

import "core-js";
import "zone.js/dist/zone";
import "reflect-metadata";
import "es6-shim";

node_modules/Reflect-metadataを調べると、reflect-metadata.d.tsファイルが含まれています

説明できれば幸いです。お役に立てば幸いです。

7
Jorawar Singh

このファイルの拡張子は変更しないでください。トリプルスラッシュ表記を使用して、このファイル内にカスタム定義の参照を追加するだけです。

/// <reference path="./your-custom-typing.d.ts">
0
Pierre Urban