puppeteer-html-prerender-webpack-plugin
Implement server pre-rendering by Puppeteer, including obtaining the HTML structure content rendered, support server side render(ssr) and client side render(csr) page.
Install
npm install puppeteer-html-prerender-webpack-plugin --save-dev
Usage
const PuppeteerHtmlPrerenderPlugin = ;moduleexports = plugins: url: 'http://49.233.172.37:7001/csr' selector: '#app' waitSelector: '#app' beforeEvaluate: async { await page; } afterEvaluate: async { return html; }
Configuration
PuppeteerHtmlPrerenderPlugin options:
- url - prefetch render url
- selector { optional } - fetch selector element html. if not exist, will return all html.
- selectorOuterHTML { optional, default: true } - return selector self node content.
- waitSelector { optional } - fetch selector element html until waiting selector element exist, the config can get the client render mode html content.
- debug { optional, default: false } - print puppeteer execute cost and key info
- beforeEvaluate { optional } - before evaluate fetch hook
- afterEvaluate { optional } - after evaluate fetch hook