title: webpack error : You may need an appropriate loader to handle this file type
body: <p>I'm trying to build my server.ts typescipt file for back end, i've just some import , et my app doesn't build. </p>
  
  <p>In my typescript file, I have : </p>
  
  <pre><code>import * as Express from 'express'
  import * as Session from 'express-session'
  let app = Express()
  
  app.use(Session({
      secret: '2C44-4D44-WppQ38S',
      resave: true,
      saveUninitialized: true
  }));
  </code></pre>
  
  <p>Errors in my node console : 
  <a href="https://i.stack.imgur.com/YqUGk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YqUGk.png" alt="enter image description here"></a></p>
  
  <p>This is my webpack config : </p>
  
  <pre><code> module: {
          loaders: [     
              { test: /\.tsx?$/, loaders: ['babel', 'ts-loader'] },
              { test: /\.css$/, loaders: ['style', 'css-loader'] },
              { test: /\.scss$/, loaders: ['style', 'css-loader?modules&amp;importLoaders=1&amp;localIdentName=[local]-[hash:base64:5]', 'postcss-loader', 'sass'] },
              { test: /\.(png|svg|gif|jpg|jpeg)$/, loaders: [ 'url-loader', 'image-webpack?bypassOnDebug'] },
              { test: /\.(eot|woff|ttf|woff2)$/, loader: "file?name=[name].[ext]" }
          ]
      }
  </code></pre>
  
  <p>I tried to do </p>
  
  <pre><code>test: /\.(ts|tsx)?$/
  </code></pre>
  
  <p>But it doesn't work..
  Do you have an idea ?</p>
  
  <p>Thank you </p>