title: src/images folder in create-react-app
body: <p>I have an app scaffolded using <code>create-react-app</code>. I would like to have the folder structure like this:</p>
  
  <pre><code>src/
    components/
      CustomAppBar.js
    images/
      logo.svg
    App.js
    index.tsx
  images.d.ts
  </code></pre>
  
  <p>Currently I would like to use the <code>logo.svg</code> in the images folder in <code>CustomAppBar.js</code>. Currently this file looks like this:</p>
  
  <pre><code>import React from 'react';
  import PropTypes from 'prop-types';
  import { withStyles } from '@material-ui/core/styles';
  import AppBar from '@material-ui/core/AppBar';
  import Toolbar from '@material-ui/core/Toolbar';
  import Typography from '@material-ui/core/Typography';
  import Button from '@material-ui/core/Button';
  import IconButton from '@material-ui/core/IconButton';
  import MenuIcon from '@material-ui/icons/Menu';
  import logo from '*.svg';
  
  const styles = {
    flex: {
      flex: 1,
    },
    menuButton: {
      marginLeft: -12,
      marginRight: 20,
    },
    root: {
      flexGrow: 1,
    },
  };
  
  function ButtonAppBar(props) {
    const { classes } = props;
    return (
      &lt;div className={classes.root}&gt;
        &lt;AppBar position="static" title={&lt;img styles={{height: '50px'}} src={logo} /&gt;}&gt;
          &lt;Toolbar&gt;
            &lt;IconButton className={classes.menuButton} color="inherit" aria-label="Menu"&gt;
              &lt;MenuIcon /&gt;
            &lt;/IconButton&gt;
            &lt;Typography variant="title" color="inherit" className={classes.flex}&gt;
              Title
            &lt;/Typography&gt;
            &lt;Button color="inherit"&gt;Login&lt;/Button&gt;
          &lt;/Toolbar&gt;
        &lt;/AppBar&gt;
      &lt;/div&gt;
    );
  }
  
  ButtonAppBar.propTypes = {
    classes: PropTypes.object.isRequired,
  };
  
  export default withStyles(styles)(ButtonAppBar);
  </code></pre>
  
  <p>As expected, this fails with: </p>
  
  <p><code>Module not found: Can't resolve '*.svg' in 'some\path\src\components</code></p>
  
  <p>The content of <code>images.d.ts</code> is stock standard:</p>
  
  <pre><code>declare module '*.svg'
  declare module '*.png'
  declare module '*.jpg'
  </code></pre>
  
  <p>I have found a couple of suggestions elsewhere that mention modifying Webpack config. It seems <code>create-react-app</code> has hidden away Webpack config stuff. What's the best practice when it comes to this?</p>