node.jsでHTMLファイルをテキストとして読み込み、その中の相対パスを全て絶対パスに変換したいです

Question

知りたいこと

node.jsでHTMLファイルをテキストとして読み込み、その中の相対パスを全て絶対パスに変換したいです。
（実際の実装はNext.jsとTypeScriptで行います。）

当初正規表現で対応するのが良いのかなと思いその方針で調べて居たのですが、
目的の正規表現を作成することができず、他にやり方が無いか調べていましたが、見つけることができませんでした。
一応以下の記事でやってることが近いのかなと思うのですが、aタグだけでなくsrcやurlについても変換する必要があります。

https://toshi-n.hatenablog.com/entry/2017/01/16/225117

困っているのでどなたかご教示いただけると幸いです。
宜しくお願い致します。

Comments

[miyabi-sun]

> aタグだけでなくsrcやurlについても変換する必要があります。

imgやlink、scriptタグに存在する程度でしょうから
aタグにやった操作と同じ事をそれらにもやれば良いだけの話です。

そもそもcheerioには属性セレクタが用意されていますから
そちらでやれば良いのでは？

Answer 1

path.resolveが便利です。
https://nodejs.org/api/path.html#path_path_resolve_paths

パスに関連する文字列操作はpathモジュールが得意です。
path.resolveは常に絶対パスを文字列として返すので、相対パスから絶対パスに変換する際によく利用されます。

引数の条件として基本的に絶対パスが必要です。絶対パスを２つ以上指定した場合は、後ろから順に判定されていくので注意が必要です。
絶対パスが含まれていない場合はカレントディレクトリ(process.cwd())を起点に引数の相対パスが処理されて、絶対パスが返されます。

pathモジュールは他にもパス文字列操作において覚えておいて損はない便利な機能がたくさんありますので、一通り目を通しておくことをお勧めいたします。