Prerender plugin for vite
npm install vite-plugin-prerenderervite-plugin-prerenderer 是一个用于 Vite 的插件,旨在为应用程序提供预渲染功能,不限使用的框架。它使用 Puppeteer 渲染页面并生成静态 HTML 文件,以便于 SEO 和更快的页面加载。支持各种层级的路由。
---
``
npm install vite-plugin-prerenderer -D
or
yarn add vite-plugin-prerenderer -D
`
---
`
// vite.config.js
import vitePluginPrerenderer from 'vite-plugin-prerenderer'
const config = {
routes: ['/'],
options: {
'/': {
title: "我是首页标题",
keyWords: "首页关键词",
description: "首页的描述",
}
}
}
export default defineConfig({
plugins: [
vitePluginPrerenderer(config),
],
});
``
vite中build.outDir选项
---
| Name | Type | Required | Description |
| :-----: | :----: | :------: | :------------------------------------------------------------------------------------------: |
| routes | Array | true | 需要预渲染的路由 |
| options | Object | false | 每个路由对应渲染的配置信息,其中 keyWords 支持为字符串数组,同样是支持逗号隔开的字符串。可选 |