@xxzt/prerender-plugin v1.0.1

1. 预渲染插件

• 1. 预渲染插件
  • 1.1. 安装
  • 1.2. Vite 中使用
  • 1.3. Webpack 中使用
  • 1.4. 配置选项
  • 1.5. 最后

提供 SPA 项目的预渲染，提高访问速度，有利于 SEO
此插件可在 webpack 和 vite 中使用

1.1. 安装

yarn add -D @xxzt/prerender-plugin

1.2. Vite 中使用

// vite.config.ts

import { defineConfig } from 'vite'
import prerender from '@xxzt/prerender-plugin/lib/vite.js'
import path from 'path'

export default defineConfig({
  // ...
  plugins: [
    prerender({
      executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
      staticDir: path.join(process.cwd(), 'dist'),
      routes: ['/', '/about/us'],
    }),
  ],
})

1.3. Webpack 中使用

// vue.config.js  或者 webpack.config.js

import PrerenderWebpackPlugin from '@xxzt/prerender-plugin/lib/webpack.js'
import path from 'path'

export default {
  // ...
  configureWebpack: {
    plugins: [
      new PrerenderWebpackPlugin({
        executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
        staticDir: path.join(process.cwd(), 'dist'),
        routes: ['/', '/about/us'],
      }),
    ],
  },
}

1.4. 配置选项

1.5. 最后

欢迎提 issue 🍎 🍏 🍊 🍋 🍒 🍇 🍉 🍓 🍑