微日志_免费提供日志记录|作品展示|学习教程|免费日记

SPA单页面应用解决预渲染问题

prerender-spa-plugin 阅读:218

体验地址:暂无地址

解决SEO(Search Engine Optimization),首屏问题 , 页面较少,且预渲染相对于SSR比较简单,预渲染可以极大的提高网页访问速度。而且配合一些meat插件,完全可以满足SEO需求。
Prerender服务需要有NodeJs环境支持,如果之前服务器环境没有NodeJs需要先进行安装。

安装

yarn add prerender-spa-plugin

配置

config-overrides.js

const PrerenderSPAPlugin = require('prerender-spa-plugin');
new PrerenderSPAPlugin({
// Required - The path to the webpack-outputted app to prerender.
staticDir: path.join(__dirname, 'dist'),
// Required - Routes to render.
routes: ['/'],
})