Поиск текста на сайте JS / Next.js с возможностью поиска

Question

У меня есть сайт документации Next.js по адресу https://logary.tech source , и я хотел бы осуществить поиск документов, например, с Лунр .

Как мне запрограммировать babel / webpack / nextjs также для извлечения текста (возможно, в качестве шага предварительной компиляции / плагина babel) в файл json, который я могу использовать для ввода в Lunr?

Answer 1

Я решил использовать hgtmlparser2 как часть конвейера сборки против сервера dev;это если он найден в файле buildIndex.js .

Он выводит pages.json (в этом коммите вы видите заглушку; просмотрите вперёд в истории для impl) -который затем компилируется в веб-приложение.

Затем я использую LunR для выполнения поиска.

Из этого коммита: https://github.com/logary/logary/commit/d824089e29c8d40624758431f4f58d3ae1433d97