title: How to configure manifest.json with create react app and webpack
body: <p>I am working on <code>react-boilerplate</code>. And I also have configured webpack with but after integrating webpack I am getting error which is related to <code>manifest.json</code>.</p>
  
  <pre><code>Manifest: Line: 1, column: 1, Unexpected token.
  </code></pre>
  
  <p>To fix this, I am using <code>webpack-pwa-manifest</code> and configured <code>webpack.config.js</code> 
  <a href="https://github.com/arthurbergmz/webpack-pwa-manifest" rel="nofollow noreferrer">https://github.com/arthurbergmz/webpack-pwa-manifest</a></p>
  
  <pre><code>const manifest = new WebpackPwaManifest({
    name: 'React Starter Kit',
    short_name: 'React Starter Kit',
    description: 'React Starter Kit',
    background_color: '#ffffff',
    start_url: '/',
    scope: '/',
    theme_color: "#3367D6",
    icons: [
      {
        src: path.resolve('public/images/icons/icon-512x512.png'),
        sizes: [96, 128, 192, 256, 384, 512] // multiple sizes
      },
      {
        src: path.resolve('public/images/icons/icon-512x512.png'),
        size: '1024x1024' // you can also use the specifications pattern
      }
    ]
  })
  
  </code></pre>
  
  <p>looking ideal way to handle this error.</p>