vue3 vite sitemap

### 使用Vite在Vue 3项目中生成网站地图

为了在基于Vite的Vue 3项目中创建网站地图，可以采用`vite-plugin-sitemap`插件来简化这一过程。安装此插件之前，确保已经初始化了一个Vite项目并配置好Vue环境。

#### 安装依赖项
通过npm或yarn安装必要的包：

npm install vite-plugin-sitemap --save-dev

或者使用Yarn:

yarn add vite-plugin-sitemap --dev

#### 配置Vite构建工具
编辑项目的根目录下的`vite.config.ts`文件，在其中引入`sitemap()`函数，并将其作为插件添加到Vite配置对象内[^1]。

// vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { sitemap } from 'vite-plugin-sitemap'

export default defineConfig({
  plugins: [
    vue(),
    sitemap()
  ]
})

#### 自定义sitemap选项
如果希望自定义生成的地图内容，比如指定URL前缀、过滤特定路径等，则可以在调用`sitemap()`时传入相应的参数。更多关于这些高级设置的信息可查阅官方文档。

#### 构建站点地图
完成上述配置之后，运行生产模式下的打包命令将会自动触发网站地图的生成流程。通常情况下，默认会输出至`.vuepress/dist/sitemap.xml`这样的位置，具体取决于框架的具体实现方式以及所使用的模板引擎。