vite-plugin-pages-sitemap

vite-plugin-pages based sitemap generator

🚨Important Notes🚨

You must use vite-plugin-pages routes generation to use this plugin. If you are not working with vite-plugin-pages, i recommend to use vite-plugin-sitemap.

Getting Started

Vue

Install:

1npm install -D vite-plugin-pages
2npm install -D vite-plugin-pages-sitemap
3npm install vue-router@next

Vite config

Add to your vite.config.js:

1import Pages from 'vite-plugin-pages'
2import generateSitemap from 'vite-plugin-pages-sitemap'
3
4export default {
5  plugins: [
6    // ...
7    Pages({
8      onRoutesGenerated: routes => (generateSitemap({ routes })),
9    }),
10  ],
11}

Dynamic routes

To generate dynamic routes, you can add them manually:

1export default {
2  plugins: [
3    // ...
4    Pages({
5      onRoutesGenerated: async (routes) => {
6        const users = await api.get('/users')
7        const dynamicRoutes = users.map(user => `/users/${user.name}`)
8        generateSitemap({ routes: [...routes, ...dynamicRoutes] })
9      },
10    }),
11  ],
12}

You can find a working example in example folder.

i18n

• Type: { defaultLanguage?: string, languages: string[] }
• Default: undefined

Add i18n support defining alternate links. defaultLanguage will use this language with / and languages with /language

hostname

• Type: string
• Default: 'http://localhost/'

Base URI.

routes

• Type: Route[] or/and string[]
• Default: []

Generated routes from vite-plugin-pages or/and strings as paths (ex: ['/user/1', '/user/2']) for manual dynamic routes.

exclude

• Type: string[]
• Default: []

Excluded routes for sitemap.

filename

• Type: string
• Default: 'sitemap'

File name.

dest

• Type: string
• Default: 'public'

Destination path.

changefreq

• Type: string
• Default: 'daily'

Change frequency option for sitemap.

priority

• Type: number
• Default: 1

Priority option for sitemap.

lastmod

• Type: Date
• Default: new Date()

Last modification option for sitemap.

readable

• Type: boolean
• Default: false

Converts XML into a human readable format

nuxtStyle

• Type: boolean
• Default: false

Is Nuxt.js style route naming.

allowRobots

• Type: boolean
• Default: true

Allow robots crawl (in robots.txt file).

License

MIT License © 2022 jbaubree