独学者Fossa

独学していることなど

Hugo includepaths 再考

Hugo
Hugo

fossa-hobby.hatenablog.com

scssHugoで使う一例として、先日のブログで書いたのが、コレ。

  {{ $options := (dict "targetPath" "assets/css/style.css" "outputStyle" "compressed" "enableSourceMap" true "includePaths" (slice "node_modules")) }}
  {{ $style := resources.Get "scss/style.scss" | resources.ToCSS $options }}
  <link rel="stylesheet" href="{{ $style.RelPermalink }}">

この方法だと、テーマを変えた時、異なるCSS Frameworkを使うと、package.jsonを書き換えないといけないので、すごく面倒です。

買い物に行った時に、歩きながら考えてみました。

"includePaths" (slice "node_modules")をよく見ると、単純にパスを指定すればいいだけなのでは?

  {{ $options := (dict "targetPath" "assets/css/style.css" "outputStyle" "compressed" "enableSourceMap" true "includePaths" (slice "themes/<theme名>/node_modules")) }}
  {{ $style := resources.Get "scss/style.scss" | resources.ToCSS $options }}
  <link rel="stylesheet" href="{{ $style.RelPermalink }}">

試してみたら、"includePaths" (slice "themes/<theme名>/node_modules")で、イケました。