# .Hugo.Environmentで取れる。
# 初期は"development"
# 「hugo server  --environment 文字列」で指定もできる

# hugo server環境下だった変換したcssをlink hrefでリアルタイムで読む
{{- if eq .Hugo.Environment "development" }}{{- $style := resources.Get "sass/main.scss" | toCSS }}
<link rel="stylesheet" href="{{ $style.Permalink }}">
{{else}}
# hugoコマンドで出力するときは、ローカルで変換したcssの方を読む
<style amp-custom>
    {{readFile "/assets/sass/main.css" | safeCSS}}
</style>
{{end}}

# hugo server時はreadFileで読んだファイルはリアルタイムで読み直してくれない
# この方式にすればhugo serverでプレビューしながらSCSSでコーディングができる

HUGOで開発環境(hugo server)の時だけに実行した時の判定方法です。「.Hugo.Environment」で取得できます。サンプルは、フルAMPテンプレートで、開発時はHUGOのコンパイラでSCSSをリアルタイム変換して、デプロイする時は変換済みのcssを読むというスクリプトです。