WebStorm + Typescript: Comment utiliser sans chemin de référence?

Dans Visual Studio, il est possible d'utiliser des modules internes sans avoir à inclure ///<reference path="..." /> balises.
Comment peut-on accomplir la même dans WebStorm 10?

Une autre question, comment puis-je obtenir WebStorm pour importer les typings à un projet? WebStorm 10 met typings dans le dossier cache.

source d'informationauteur Hao

  1. 22

    Pour interne modules, utilisez un chargeur de module comme RequireJS /SystemJS /Webpack /Browserifyil vous évitera d'avoir à écrire ///<reference path="..." /> pour interne modules et vous n'aurez plus besoin d'utiliser module espaces de noms.

    Si vous utilisez RequireJS, vous devez exécuter tsc avec l'argument -m amd, pour Browserify -m commonjs, SystemJS & Webpack soutenir à la fois amd et commonjs styles (et les autres aussi), cependant il y a une solution plus simple à l'aide de tsconfig.json fichiers (continuer à lire) où vous n'avez pas à ajouter cette argument.

    Pour externe Tapuscrit modules; généralement d.ts (fichiers de Définitions de Type de JS externe libs, aka Typings), installer le typings module via Nœud's le gestionnaire de package - NPM.

    typings vous aide à gérer les Typings dans votre projet, et de combiner toutes les ///<reference path="..." /> lignes en une seule d.ts fichier.

    Pour à la fois internes et externes des modules, vous pouvez utiliser un tsconfig.json fichier d'éliminer la nécessité pour tout ///<reference path="..." /> lignes.

    Webstorm 11 (actuellement durant la phase de développement, distribué en vertu de l'un des premiers accès de programme, EAP) a un support intégré pour le tsconfig.des fichiers json.

    Pour Webstorm 10, vous pouvez utiliser cette solution.

    Si vous choisissez de ne pas utiliser tsconfig.json tout en utilisant typings pour gérer votre typings, et un chargeur de module comme RequireJSvous devrez ajouter de la -m [...] option de ligne de commandeet d'inclure un unique ligne de ///<reference path="path/typings/something.d.ts" /> sur le dessus de votre intérieur .ts fichiers, ce .d.ts dossier comprendra tous les Typings votre projet dépend d'.

    tsconfig.json

    Mettre dans votre racine du projet.

    C'est le contenu pourrait ressembler à quelque chose comme ceci:

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

    Note que vous n'avez pas de lister tous vos .ts fichiers en vertu de la files: clé, tsc automatiquement sait qu'elle devrait inclure les dépendances (de manière récursive) de n'importe quel fichier mentionné sous files:.

    Webstorm 11

    Config webstorm à utiliser tsconfig.json:

    WebStorm + Typescript: Comment utiliser sans chemin de référence?

    tl;dr

    Si vous le pouvez, il est préférable (à mon humble avis) de faire ce qui suit:

    • Utiliser un chargeur de module (RequireJS/SystemJS/Browserify/Webpack).
    • Gérer vos d.les fichiers ts (typings) avec le typings module.
    • Envelopper le tout dans un tsconfig.json fichier (configurer webstorm pour l'utiliser).

    Après cela, vous pouvez supprimer tous vos ///<reference path="..." /> lignes.