HUGO で Sass を使う

Category
Published
Updated

概要

  • assets/scss に scss ファイルを配置する
  • <head> 内で下記を読み込み
{{ $scss := resources.Match "scss/**.scss" | resources.Concat "style.css" | resources.ToCSS | minify }}
<link rel="stylesheet" href="{{ $scss.RelPermalink }}" media="all">

解説

  • resources.Match "scss/**.scss"
    • assets/scss 配下の .scss ファイルすべてを対象にする
  • resources.Concat "style.css"
    • 対象のファイルを style.css にまとめる
  • resources.ToCSS
    • ファイルのコンパイル
  • minify
    • 記述の圧縮

参考