prerender-plugin

Node.js/webpack module/plugin to prerender static HTML in a single-page application.

What is Prerendering?

Prerendering is a process to preload all elements on the page in preparation for a web crawler to see it. If you’re using a Single Page Application (SPA) for a site that’s not behind a login and SEO is an important concern then this plugin could help you easily generate pre-rendered version of your application.

Installation

npm install prerender-plugin

Usage

This package can be used either directly with Node.js or with webpack build process.

Node.js

var PrerenderPlugin = require('prerender-plugin')
new PrerenderPlugin(options).apply()

Webpack

// webpack.config.js or webpack.prod.conf.js
var PrerenderPlugin = require('prerender-plugin')

module.exports = {
  // ...
  plugins: [
    // ...
    new PrerenderPlugin(options)
  ]
}

Options

| Option | Type | Required | Default | Description | | ---------------- | ------------------------- | -------- | ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | source | String | Yes | | Path of the web application. | | target | String | | source | Path to save generated content. | | routes | Array of Strings | | ['/'] | Routes which will be pre-rendered. | | capture.delay | Integer | | 1000ms | Time to wait before page capture. | | capture.event | String | | | Custom event for page capture. | | capture.selector | String | | | Wait until selected selector is available in the page before page capture. | | postProcess | Function (content, route) | | | A function to process the generated HTML content. This function must return the final processed content. Content & route are the only parameters for this function |

Notes:

• If two or more capture optons are provided, page capture will occur on the earliest of the provided options.
• If capture.event or capture.selector option is being used then capture.delay will act as timeout (default 10s).

Examples

Plese check the examples folder in the root directory for both Node.js and Webpack usage.

Development of this plugin is inspired by prerender-spa-plugin