要在Angular中生成模块级站点地图,可以使用以下步骤和代码示例:
angular-sitemap-generator
库使用以下命令安装angular-sitemap-generator
库:
npm install angular-sitemap-generator --save-dev
在项目的根目录下创建一个脚本文件,例如sitemap-generator.js
,并添加以下代码:
const sitemapGenerator = require('angular-sitemap-generator');
sitemapGenerator({
baseUrl: 'https://example.com', // 替换为你的网站的基本URL
pagesDirectory: './src/app', // 替换为你的Angular应用的模块目录
targetDirectory: './dist', // 替换为你的Angular应用的构建目录
ignoredRoutes: ['404'], // 可选,要忽略的路由(例如错误页面)
ignoredExtensions: ['png', 'jpg'], // 可选,要忽略的文件扩展名
changeFreq: 'weekly', // 可选,页面变更频率(always, hourly, daily, weekly, monthly, yearly, never)
priority: 1, // 可选,页面优先级(0.0 - 1.0)
});
package.json
中添加生成站点地图的脚本命令在package.json
文件的scripts
部分添加以下代码:
"scripts": {
"generate:sitemap": "node sitemap-generator.js"
}
使用以下命令运行生成站点地图的脚本命令:
npm run generate:sitemap
这将在targetDirectory
指定的目录下生成一个名为sitemap.xml
的站点地图文件。
请根据你的项目结构和需求,调整代码中的路径和选项。