如何在新版Quasar Framework中生成并添加sitemap.xml？

一、Vite环境下Quasar生成Sitemap的替代方案 #

旧Webpack方案依赖的extendWebpack配置已被Vite替代，直接改用Vite生态的sitemap插件即可：

1. 安装兼容Vite的插件

yarn add vite-plugin-sitemap -D

2. 修改quasar.config.js配置
   在配置文件中导入插件，并在build.vitePlugins数组中添加配置：

import { sitemapPlugin } from 'vite-plugin-sitemap'

export default configure(function (/* ctx */) {
  return {
    // ...其他配置
    build: {
      // ...其他build配置
      vitePlugins: [
        sitemapPlugin({
          baseUrl: 'https://你的站点域名.com', // 替换成实际域名
          routes: [
            '/', // 首页
            // 其他路由可按需添加
          ]
        })
      ]
    }
  }
})

如果路由是动态生成的，可通过读取路由文件或动态生成路由列表传入routes参数。

二、单页滚动锚点URL能否加入Sitemap？ #

完全可以。搜索引擎（如Google）支持收录带锚点的URL，只要锚点对应的页面区块是独立且有实际内容价值的（比如#services对应服务介绍板块、#contact-us对应联系表单区域）。

将这类锚点URL加入sitemap时，直接在routes数组中添加完整路径即可：

routes: [
  '/',
  '/#services',
  '/#contact-us'
]

注意：确保每个锚点对应的区块内容独特，避免重复内容影响收录效果。

内容的提问来源于stack exchange，提问作者Qiuzman