时间戳

首页 > 解决方案 > 可搜索的 JS/Next.js 站点文本提取

webpack - 可搜索的 JS/Next.js 站点文本提取

问题描述

我在https://logary.tech source有一个 Next.js 文档站点，并希望实现文档搜索，例如使用Lunr。

如何对 babel/webpack/nextjs 进行编程以将文本（可能作为预编译步骤/babel 插件）也提取到 json 文件中，我可以将其用于 Lunr 的输入？

标签： webpackfull-text-searchbabeljslunrjs

解决方案

我选择使用 hgtmlparser2 作为针对开发服务器的构建管道的一部分；如果在buildIndex.js文件中找到它。

它输出pages.json（在这个提交中，您会看到存根；在历史中向前浏览 impl）——然后将其编译到 Web 应用程序中。

然后我使用LunR执行搜索。

从这个提交：https ://github.com/logary/logary/commit/d824089e29c8d40624758431f4f58d3ae1433d97

推荐阅读