title: Module parse failed: Unexpected character '�' (1:0) You may need an appropriate loader to handle this file type
body: <p>I am using styleguidist for my react application, here is the code of my styleguid.config.js file:</p>
  
  <pre><code>module.exports = {
    webpackConfig: {
      module: {
        rules: [
          // Babel loader, will use your project’s .babelrc
          {
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loader: 'babel-loader'
          },
          // Other loaders that are needed for your components
          {
            test: /\.css$/,
            loader: 'style-loader!css-loader?modules'
          }
        ]
      }
    }
  }
  </code></pre>
  
  <p>Now I want to show barcode image in my styleguidist server which is running in <a href="http://localhost:6060" rel="nofollow noreferrer">http://localhost:6060</a>.
  Code of my styleguidist readme.md</p>
  
  <pre><code>```jsx
  var Macybarcode = require('../../../containers/assets/img/macy/barcode.png');
  const barcode_img = Macybarcode;
  const barcode_no = "33527111690008";
  
  &lt;BarcodeMacy1 imgString={barcode_img} lineString={barcode_no} paddingTop="20px" width="50%" height="40px" /&gt;   
  ```
  </code></pre>
  
  <p>But whenever I am trying to show image my server is giving following error:</p>
  
  <p><a href="https://i.stack.imgur.com/JDwb2.png" rel="nofollow noreferrer">Please click to see the Error console</a></p>