How to disable libsass and enable dart sass once installed?

[jmooring]

@coolaj86

this only tells me how to install sass in cloud environments, not how to configure hugo to use it

The topic that you linked to has the following sections:

• Installing in a development environment
• Installing in a production environment
• Example

The example section contains an example of how to use it.

I trust that your installation method gives you this when you run hugo env:

hugo v0.118.2-da7983ac4b94d97d776d7c2405040de97e95c03d+extended linux/amd64 BuildDate=2023-08-31T11:23:51Z VendorInfo=gohugoio
GOOS="linux"
GOARCH="amd64"
GOVERSION="go1.20.1"
github.com/sass/libsass="3.6.5"
github.com/webmproject/libwebp="v1.2.4"
github.com/sass/dart-sass/protocol="2.1.0"
github.com/sass/dart-sass/compiler="1.67.0"
github.com/sass/dart-sass/implementation="1.67.0"

@coolaj86

I was expecting it would be something like this, but none of these work:

Not to put too sharp on edge on it, but guessing is rarely a great strategy. If you would prefer to handle the transpiler option in your site configuration, create a custom parameter:

[params.sass]
transpiler = 'dartsass'

And then use that in your template instead of hardcoding the value.

Finally, the topic you linked to is no longer the canonical source of documentation, as noted at the top of the topic. See https://gohugo.io/hugo-pipes/transpile-sass-to-css/#dart-sass instead.