title: Implementing prerender SPA plugin to vue2js application
body: <p>I'm trying to implement very popular <a href="https://github.com/chrisvfritz/prerender-spa-plugin#what-is-prerendering" rel="nofollow noreferrer">prerender SPA plugin</a>. </p>
  
  <p>Documentation say to add module to <strong>webpack.config.js</strong> but I don't have such file I have <strong>webpack.base.conf.js</strong>, <strong>webpack.dev.conf.js</strong> and <strong>webpack.prod.conf.js</strong>. </p>
  
  <p>In first there is no plugins array but it is in last two. So I injected in them:</p>
  
  <pre><code>new PrerenderSPAPlugin({
      // Required - The path to the webpack-outputted app to prerender.
      staticDir: path.join(__dirname, 'dist'),
      // Required - Routes to render.
      routes: [ '/' ],
  })
  </code></pre>
  
  <p>to plugins array and I required it at the top of file. Then I run in command line</p>
  
  <pre><code>&gt; npm run build
  &gt; cd dist
  &gt; live-server
  </code></pre>
  
  <p><code>npm run build</code> created dist folder in root directory and now after I added plugin it additionaly add dist directory in config directory where the webpack.conf files are located. In this new dist folder inside config directory is index.html file which is basically empty html template:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Error&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;pre&gt;Not Found&lt;/pre&gt;
  
  
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>What I'm doing wrong?</p>