在前端开发中，网站的SEO优化是非常重要的一环。其中，网站地图（Sitemap）是一个重要的工具，可以让搜索引擎更好地了解网站构成和内容，提高搜索引擎抓取网站的效率。如何生成一个完整有效的网站地图呢？我们可以借助npm包bs-builder-sitemap-xml来完成。
bs-builder-sitemap-xml是什么？
bs-builder-sitemap-xml 是一个npm包，它提供了一个命令行工具，可以用来生成网站的Sitemap。它可以生成XML格式的Sitemap文件，并支持对Sitemap的多种配置，如Sitemap的URL地址、Sitemap的更新频率、Sitemap的优先级等等。
安装 bs-builder-sitemap-xml
在使用bs-builder-sitemap-xml之前，我们需要先安装它，可以通过以下命令进行安装：
npm install bs-builder-sitemap-xml -g
其中，-g表示全局安装，安装完成后，我们就可以通过命令行来使用它。
使用 bs-builder-sitemap-xml
生成网站地图
在安装好bs-builder-sitemap-xml之后，我们可以通过以下命令来生成网站地图：
bs-sitemap-xml --baseurl=http://www.example.com --output=sitemap.xml --sources=dist
其中，--baseurl指定网站的基本URL，--output指定生成的Sitemap文件的路径和文件名，--sources指定Sitemap需要包含的URL路径或文件夹。
配置网站地图
bs-builder-sitemap-xml支持对Sitemap进行多种配置，主要包括以下几个方面：
Sitemap的URL地址
我们可以通过--baseurl参数来指定Sitemap的URL地址，这样搜索引擎就能更好地识别Sitemap的位置。例如：
bs-sitemap-xml --baseurl=http://www.example.com --output=sitemap.xml --sources=dist
这样，生成的Sitemap文件中，每个URL的地址都会带上http://www.example.com前缀。
Sitemap的更新频率
我们可以通过--changefreq参数来指定Sitemap的更新频率，也就是告诉搜索引擎该URL每隔多长时间更新一次。例如：
bs-sitemap-xml --baseurl=http://www.example.com --output=sitemap.xml --sources=dist --changefreq=daily
这里将Sitemap的更新频率指定为每日更新。
Sitemap的优先级
我们可以通过--priority参数来指定Sitemap的优先级，也就是告诉搜索引擎该URL的优先级有多高。例如：
bs-sitemap-xml --baseurl=http://www.example.com --output=sitemap.xml --sources=dist --priority=0.8
这里将Sitemap的优先级指定为0.8。
示例代码
下面是一个完整的示例代码，为了方便说明，我们以express框架为例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ----- ---- - ---------------- ----- ------- - ---------------------------------- ----------------------- ----- ---- -- - --------- -------- ------------------------- -- ----- -------- -------------------- ---------- -- ------------ ------- -------------------- --------- --------------- -- ------------------ ----------- -------- -- ---- --------- --- -- --- ---------- -- - --------------------------------- --------- ---------------- ------------ -- - ----------------------------- ----- ------------------------------------------- --- --- -- ---------- -- --- ---------------- -- -- - ---------------- --------- -- ---- -------- ---展开代码
在上述代码中，我们通过express框架定义了一个路由/sitemap.xml，当访问该URL时，会生成Sitemap文件并返回给客户端。其中，bs-builder-sitemap-xml模块提供了一个promise接口，我们可以通过.then()来获取到生成的Sitemap文件，然后把它发给客户端。如果生成过程出现错误，我们可以通过.catch()捕获并返回500错误码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8bccdc64669dde52eb
