title: Webpack & Typescript image import
body: <p>I'm working on a <strong>React</strong> application and using <strong>Webpack</strong> &amp; <strong>Typescript</strong>. I would like to use an image in one of the <code>&lt;img/&gt;</code> tags. However, I did not find the proper way to have access to the image files. </p>
  
  <p><strong>webpack.config.js</strong>:</p>
  
  <pre><code> ...
   module: {
          rules: [
              ...
              {
                  test: /\.(png|jpe?g|svg)$/,
                  loader: 'file-loader',
                  options: {
                      name: 'assets/[name].[ext]',
                  }
              }
          ]
  </code></pre>
  
  <p><strong>app.tsx</strong>:</p>
  
  <pre><code>...
  render() {
      return &lt;img src='/assets/logo-large.png' alt="logo"/&gt;
  }
  </code></pre>
  
  <p>When running the app, the <code>assets/logo-large.png</code> resource is not found. </p>