title: Cannot import CSS module in .tsx file
body: <p>I am building basic react application with typescript but I am not able to import CSS file in <strong>index.tsx</strong> file</p>
  
  <p>I am able to import <strong>index.css</strong> file following way:</p>
  
  <pre><code>import './index.css'; 
  //this import gives typescript error when running webpack 
  </code></pre>
  
  <p>but not able to import as </p>
  
  <pre><code>import * as Styles from './index.css';
  </code></pre>
  
  <p>this is my <strong>webpack.config.js</strong> file</p>
  
  <pre><code>var path = require("path");
  var HtmlWebpackPlugin = require('html-webpack-plugin')
  var config = {
      mode:"none",
      entry:"./src/index.tsx",
      output:{
          path: path.resolve(__dirname,"dist"),
          filename: "bundle.js"
      },
      resolve:{
          extensions:[".ts", ".tsx", ".js"]
      },
      module:{
          rules:[
              {test:/\.tsx?$/, loader:"awesome-typescript-loader"},
              { test: /\.css$/, include: path.join(__dirname, 'src/'),
               loader:"typings-for-css-modules-loader" }
          ]
      },
      plugins:[new HtmlWebpackPlugin({
          template: './index.html'
      })]
  };
  
  module.exports = config;
  </code></pre>
  
  <p>I tried following links before posting but no luck</p>
  
  <p><a href="https://stackoverflow.com/questions/41628247/how-to-include-css-file-in-tsx-typescript">How to include .css file in .tsx typescript?</a> </p>
  
  <p><a href="https://stackoverflow.com/questions/37143885/how-to-import-css-file-for-into-component-jsx-file/37144690#37144690">How to import css file for into Component .jsx file</a></p>
  
  <p><a href="https://github.com/parcel-bundler/parcel/issues/616" rel="noreferrer">https://github.com/parcel-bundler/parcel/issues/616</a></p>
  
  <p>Thanks in advance</p>