vite预渲染,SEO友好,打包html代码

https://github.com/337547038/vite-plugin-seo-prerender
动态路由也可以正常打包,需要生成的路由可以只写一个/
安装:

npm install vite-plugin-seo-prerender -D
# or
pnpm install vite-plugin-seo-prerender -D
# or
yarn install vite-plugin-seo-prerender -D

vite.config.ts 配置

// vite.config.ts
import {defineConfig} from 'vite'
import seoPrerender from 'vite-plugin-seo-prerender'

export default defineConfig({
  plugins: [
    seoPrerender({
      routes: ['/'] // 需要生成的路由
    })
  ]
})

生成效果:内容都在


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容