如何使用Webpack从Vue路由器生成sitemap.xml？

npm install vue vue-router

const fs = require('fs');
const path = require('path');
const { createRenderer } = require('vue-server-renderer');
const { createRouter } = require('vue-router');
const routes = require('./src/routes'); // 导入你的路由配置文件

const router = createRouter({
  routes
});

const renderer = createRenderer();

async function generateSitemap() {
  const app = new Vue({
    router
  });

  try {
    await router.push('/');
    const html = await renderer.renderToString(app);

    const urls = [];
    router.options.routes.forEach(route => {
      if (route.path !== '*') {
        urls.push(route.path);
      }
    });

    const sitemap = `
      <?xml version="1.0" encoding="UTF-8"?>
      <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
        ${urls.map(url => `<url><loc>${url}</loc></url>`).join('')}
      </urlset>
    `;

    fs.writeFileSync(path.resolve(__dirname, 'dist/sitemap.xml'), sitemap, 'utf-8');
    console.log('Sitemap generated successfully!');
  } catch (error) {
    console.error('Error generating sitemap:', error);
  }
}

generateSitemap();

node generate-sitemap.js