How should I use @types with TypeScript 2

by

It’s very simple. Just install the definitions that you need via npm.

For example if you need lodash you can do:

npm install --save @types/lodash

Once it’s installed you can use it right away in your project. Typescript will resolve the typings for the installed @types package from the node_modules/@types folder by default. There’s no need for a tsd.json or typings.json file anymore.

Additional points:

  • The major and minor version of the @types package in npm should correspond with the package version.
  • You can search for types here: http://microsoft.github.io/TypeSearch/
  • Read about typeRoots and types here. Specifically pay attention to these two points:
    • If typeRoots is specified in tsconfig.json, then only specified folders will be used for the type roots. That will exclude ./npm_modules/@types/ unless you specify it.
    • If types is specified in tsconfig.json, then only the packages specified will be included.

Read more in the blog post here.

More Related Contents:

  1. Import class in definition file (*d.ts)
  2. Types for function that applys name of function and arguments
  3. Is there a way to define type for array with unique items in typescript?
  4. Keyof inferring string | number when key is only a string
  5. How to configure custom global interfaces (.d.ts files) for TypeScript?
  6. TypeScript 2: custom typings for untyped npm module
  7. Exclude/overwrite npm-provided typings
  8. Typescript 2.0. “types” field in tsconfig.json
  9. TypeScript typings in npm @types org packages
  10. Typescript does not copy d.ts files to build
  11. Extend (Update) third-party old type declaration interface with new one
  12. Mapping tuple-typed value to different tuple-typed value without casts
  13. NPM package cannot be used as a JSX Component – Type errors
  14. ts-node ignores d.ts files while tsc successfully compiles the project
  15. Global types in typescript
  16. how to remove properties via mapped type in TypeScript
  17. Typescript Unions based on property inside nested object
  18. typings vs @types NPM scope
  19. Extending global types (e.g. “Window”) inside a typescript module
  20. How do I decide whether @types/* goes into `dependencies` or `devDependencies`?
  21. Types from both keys and values of object in Typescript
  22. Narrowing a return type from a generic, discriminated union in TypeScript
  23. Element implicitly has an ‘any’ type because expression of type ‘string’ can’t be used to index
  24. How can I see the full expanded contract of a Typescript type?
  25. Typescript: check if a type is a union
  26. How do you produce a .d.ts “typings” definition file from an existing JavaScript library?
  27. Typescript: Retrieve element type information from array type
  28. Angular 2 ngModel in child component updates parent component property
  29. How to extend the ‘Window’ typescript interface
  30. How to place a dynamic component in a container

Leave a Comment