title: Unable to import `.tsx` files from `.ts` ones
body: <p>I'm trying to import a <code>.tsx</code> component from <code>.ts</code> file like this:</p>
  
  <p><em>src/index.ts:</em></p>
  
  <pre class="lang-js prettyprint-override"><code>import { Icon } from './components/Icon/Icon';
  </code></pre>
  
  <p>But I'm getting this error:</p>
  
  <pre><code>./src/index.ts
  Module not found: Can't resolve './components/Icon/Icon' in '/Applications/project/src'
  </code></pre>
  
  <p>These are the import parts of the code:</p>
  
  <p><em>src/components/Icon/Icon.tsx:</em></p>
  
  <pre class="lang-js prettyprint-override"><code>export class Icon extends Component&lt;Props&gt; {
     /* component code here */
  }
  </code></pre>
  
  <p><em>webpack.config.js:</em></p>
  
  <pre class="lang-js prettyprint-override"><code>/* code */
  resolve: {
     extensions: ['.js', '.json', '.ts', '.tsx'],
  },
  /* more code */
  {
      test: /\.jsx?$/,
      exclude: /node_modules/,
      use: 'babel-loader',
  },
  {
      test: /\.tsx?$/,
      exclude: /node_modules/,
      use: [
          {
              loader: 'awesome-typescript-loader',
              options: {
                  query: {
                     declaration: false,
                  },
              },
           },
       ],
  },
  </code></pre>
  
  <p>and the <code>tsconfig.json</code>:</p>
  
  <pre><code>{
    "compilerOptions": {
      "module": "commonjs",
      "target": "es5",
      "allowSyntheticDefaultImports": true,
      "sourceMap": true,
      "jsx": "react",
      "esModuleInterop": true,
      "resolveJsonModule": true,
      "strictFunctionTypes": true,
      "noImplicitReturns": true,
      "suppressImplicitAnyIndexErrors": true,
      "noUnusedLocals": true,
      "alwaysStrict": true,
      "moduleResolution": "node",
      "declaration": true,
      "strictNullChecks": true
    },
    "include": ["src/**/*"],
    "exclude": ["node_modules", "**/*.spec.ts", "**/*.spec.tsx"]
  }
  
  </code></pre>