webpack-prerender-spa-plugin

Usage

webpack config

var path = require('path')
var PrerenderPlugin = require('webpack-prerender-spa-plugin')
 
module.exports = {
  // ...
  plugins: [
    new PrerenderPlugin({
      // (REQUIRED) Absolute path to static root
      dist: path.resolve(__dirname, '../dist'),
 
      // (REQUIRED) server entry
      entry: path.resolve(__dirname, '../index'),
 
      // (REQUIRED) server host
      host: 'http://127.0.0.1',
 
      // (REQUIRED) server port
      port: 7000,
 
      // (REQUIRED) List of routes to prerender
      routes: ['/login'],
 
      // (OPTIONAL) Options
      options: {
        // NOTE: Unless you are relying on asynchronously rendered content,
        // such as after an Ajax request, none of these options should be
        // necessary. All synchronous scripts are already executed before
        // capturing the page content.
 
        // Wait until a specific event is fired on the document.
        captureAfterDocumentEvent: 'custom-post-render-event',
 
        // This is how you would trigger this example event:
        // document.dispatchEvent(new Event('custom-post-render-event'))
 
        // Wait until a specific element is detected with
        // document.querySelector.
        captureAfterElementExists: '#content',
 
        // Wait until a number of milliseconds has passed after scripts
        // have been executed. It's important to note that this may
        // produce unreliable results when relying on network
        // communication or other operations with highly variable timing.
        captureAfterTime: 5000,
 
        // NOTE: You can even combine strategies if you like. For example,
        // if you only _sometimes_ want to wait for an event to fire, you
        // can create a timeout by combining captureAfterTime with
        // captureAfterDocumentEvent. When combining strategies, page
        // content will be captured after the first triggered strategy.
 
        // Because PhantomJS occasionally runs into an intermittent issue,
        // we will retry a page capture up to 5 times by default. You may
        // raise or lower this limit if you wish.
        maxAttempts: 10,
 
        // Prevent PhantomJS from navigating away from the URL passed to it
        // and prevent loading embedded iframes (e.g. Disqus and Soundcloud
        // embeds), which are not ideal for SEO and may introduce JS errors.
        navigationLocked: true,
 
        // The options below expose configuration options for PhantomJS,
        // for the rare case that you need special settings for specific
        // systems or applications.
 
        // http://phantomjs.org/api/command-line.html#command-line-options
        phantomOptions: '--disk-cache=true',
 
        // http://phantomjs.org/api/webpage/property/settings.html
        phantomPageSettings: {
          loadImages: true
        }
      }
    })
  ]
}