title: How to require/import .less file in typescript file
body: <p>I am trying to import a <code>.less</code> file in <code>.ts</code> file but I am not able to do that.
  I am using webpack2 as bundler &amp; webstorm IDE</p>
  
  <p>Here snippet for less loader in a webpack.config.js file</p>
  
  <pre><code>{
    test: /\.less$/,      //less loader
    loader: ExtractTextPlugin.extract({
      fallbackLoader: 'style-loader',
      //loader: 'css-loader!less-loader'
      loader: 'raw-loader!less-loader'
    })
  }, {
    test: /\.ts$/,    //typescript loader
    //include: path.resolve(__dirname, "ts-src"),
    include: path.resolve(__dirname, "js"),
    loader: "ts-loader"
  }
  //rest of code
  resolve: {
    extensions: [".webpack.js", ".web.js", ".ts", ".tsx", ".js", ".css", ".less"],
  }
  </code></pre>
  
  <p>As mentioned in <a href="https://stackoverflow.com/questions/39434995/react-and-typescript-how-to-import-less"><strong>link</strong></a> I tried by creating a global.d.ts file but no luck</p>
  
  <p>Also i tried to <code>require</code> the file in the <code>main.ts</code> but in this case I am not seeing any option to requires a less file.
  My question is how to load a <code>.less</code> file in a typescript files</p>
  
  <p>[<img src="https://i.stack.imgur.com/Gk6nl.png" alt="Project strucure"></p>