Hugo includepaths - 独学者Fossa

SASS or SCSSをHugoで使う一例として、includePathsを指定する場合、ルート配下になるみたいです。

ですから、テーマの中で使った場合の一例は、下記の通りです。

themes/<theme名>/assets/scss/style.scssがあるとします。

  {{ $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 }}">

UIkitを使うと、style.scssに、下記のように記述する場合があります。

@import "uikit/src/scss/variables-theme.scss";
@import "uikit/src/scss/mixins-theme.scss";

themes/<theme名>/node_modules/uikit/src/scss/variables-theme.scssを読んでくれるようになります。