javascript - 更新 HTML 文件文件夹中的所有 href anchor 链接

Question

我正在使用 Gatsbyjs 生成静态站点，这会输出静态 HTML 文件的文件夹。

我需要在 Microsoft SharePoint 上托管这些 HTML 文件 - 这需要将 .html 转换为 .aspx 才能运行它们。

我有一个后记，它将所有 .html 更新为 .aspx (这很好用)。

但是，所有生成的链接都指向该文件夹:

<a href="/folder/">link</a>

为了使其在 sharepoint 上工作，我需要更新每个 html 文件中的每个 href 以指向每个文件夹中的 index.aspx 文件:

<a href="/folder/index.aspx">link</a>

后期构建的最佳方法是什么？理想情况下，我想将其作为我的构建后脚本的一部分。这个可以用webpack实现吗？或者我最好使用 JSDOM 之类的东西来循环每个文件并更新每个链接？

Answer 1

您最好使用 cheerio ，比jsdom更轻量，支持大部分jquery语法。

var html = fs.readFileSync(input.html);
const $ = cheerio.load(html);
var output = $('a[href="folder"').attr('href', '/folder/index.aspx').html();