ejsでテンプレートをインクルードした時にリンクを相対パスで設定する方法

ejsで<head></head>の部分をテンプレート化してインクルードするとします。
headの中にはcssのリンクがあると思います。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>タイトル</title>
<link rel="stylesheet" href="css/style.css">
</head>

この時、
/ルート
|_ index.html
|__folder
　|__hoge.html
のようにディレクトリがなっていると、hoge.htmlでcssが読み込めないです。
hoge.htmlでは正しいcssリンクは

<link href="../css/style.css">

だからです。

そんな'../'を自動で付与したい時のメモ

htmlになるejsファイル

filenameはそのままfilenameでokです。
filenameにそのファイルの、絶対パスが入っています。
<%- include('template/_head',{absPath:filename}) %>

head.ejs
絶対パスを[develop]からのパスに分割して、[develop]からの距離分../を返してます。


<%
 pathSet = function(absPath){
    var rootPath = absPath.split('develop/ejs')[1];
    if(rootPath.split('/').length - 2 > 0){
        return '../'.repeat(rootPath.split('/').length - 2);
    }else{
        return '';
    }
 };
%>
<link rel="stylesheet" href="<%= pathSet(absPath) %>css/style.css">

これで、../が自動で付与されます。

pathSet関数は別ファイルに分けるのをお勧めします。
自分んはejsフォルダの中にutilフォルダを作ってその中に書いてます。
そのファイルをインクルードすれば、関数も使用できます。