title: How to import moment types definitions
body: <p>I have made an angular 1 project with typescript using this yeoman generator: <a href="https://github.com/FountainJS/generator-fountain-systemjs" rel="noreferrer">https://github.com/FountainJS/generator-fountain-systemjs</a><br>
  It uses SystemJS and jspm to get dependencies but npm for type definitions (using DefinitelyTyped repository).</p>
  
  <p>I have been struggling these last few days trying to import <strong>moment</strong> type definitions. 
  I have installed moment using jspm, and i have discovered that it comes with its own type definitions, so if you call the command <code>npm install @types/moment --save-dev</code> you only get a stub and a deprecation warning</p>
  
  <blockquote>
    <p>This is a stub types definition for Moment
    (<a href="https://github.com/moment/moment" rel="noreferrer">https://github.com/moment/moment</a>). Moment provides its own type
    definitions, so you don't need @types/moment installed!</p>
  </blockquote>
  
  <p>Now, i don't know if it's my editor, project or typescript settings or really a typescript issue, but i can't seem to be able to properly import moment's type definitions.</p>
  
  <p>if i do either <code>import moment from 'moment';</code> or <code>import * as moment from 'moment';</code> i get this error on my editor (atom with atom-typescript, but i have the same error on Visual Studio Code) <code>Cannot find module 'moment'.</code>  </p>
  
  <p>Despite this error, when i build my application it works fine (calling moment functions works).</p>
  
  <p>I have tried a lot of solutions i found on the internet (apparently, importing type definitions from moment is a common issue) but none worked. 
  Yesterday I managed to make it work by manually creating the directory <code>moment</code> inside <code>node_modules/@types</code> and put <code>moment.d.ts</code> inside it (i had to rename it <code>index.d.ts</code> though).</p>
  
  <p>Since i didn't really like this solution, i wanted to at least create a types folder i could put stuff into without having to modify <code>node_modules</code> structure. So i created a folder <code>custom-types</code> and put the <code>moment</code> folder with types definitions there, then added <code>custom-types</code> into <code>tsconfig.json</code>, i thought this would've worked fine but actually the error reappeared...</p>
  
  <p>Now i'm out of ideas, and i don't really know what else to try.</p>
  
  <p>This is my current <code>tsconfig.json</code> (in the last attempt to make things work i have added the <code>custom-types</code> folder with different paths, although it's on the same level as the <code>node_modules</code> folder and <code>tsconfig.json</code> file)</p>
  
  <pre><code>{
      "compilerOptions": {
          "sourceMap": true,
          "emitDecoratorMetadata": true,
          "experimentalDecorators": true,
          "removeComments": false,
          "noImplicitAny": false,
          "module": "system",
          "target": "es5",
          "moduleResolution": "classic",
          "typeRoots": [
              "node_modules/@types/",
              "./custom-types/",
              "custom-types/",
              "../custom-types/",
              "../../custom-types/",
              "../../../custom-types/"
          ],
          "types": [
              "angular-ui-router",
              "angular",
              "angular-mocks",
              "jquery",
              "jasmine",
              "moment",
              "es6-shim"
          ]
      },
      "compileOnSave": false,
      "filesGlob": [
          "custom-types/**/*.ts",
          "src/**/*.ts",
          "src/**/*.tsx",
          "!jspm_packages/**",
          "!node_modules/**"
      ]
  }
  </code></pre>