Dear Excellent developes.
I’m trying to duild static web site with Hugo (Netlify CMS). I wanna build from scratch, if I can;-) ( I designed the site by myself. So, I hope to write sass from scratch).
But, sass files aren’t read successflly. Do you solve the problem?
# I checked there pages to solve it , But I couldn’t
- [SASS / SCSS | Hugo](https://gohugo.io/hugo-pipes/scss-sass/)
- [Custom CSS throws: Type \ not supported in Resource transformations](https://discourse.gohugo.io/t/custom-css-throws-type-nil-not-supported-in-resource-transformations/19942)
# The structure of this Web site
Basically, there are not many changes from Hugo install.
- layouts/index.html // I write there the following code.
- resources/\_gen/assets/sass/main.scss // I wrote simple css to this file → html {background: yellow;}
# layouts/index.html
```auto
Document
{{ $sassTemplate := resources.Get "sass/main.scss" }}
{{ $style := $sassTemplate | resources.ExecuteAsTemplate "main.scss" . | resources.ToCSS }}
AFAIK \_gen is a working directory created by hugo to process the site.
You need to put your scss and other referenced files in the assets directory as indicated here:
> **[Directory Structure](https://gohugo.io/getting-started/directory-structure/)**
>
> Hugo's CLI scaffolds a project directory structure and then takes that single directory and uses it as the input to create a complete website.
unfortunately the directory tree depicted is missing the assets folder.
follow up by trying to understand this section:
> **[Configure Modules](https://gohugo.io/hugo-modules/configuration/#module-config-mounts)**
>
> This page describes the configuration options for a module.
hope this helps you get on your way.
---
As @joeborg noted, your asset files belong into `assets`. The folder `resources` is dynamically created and used by Hugo to cache prepared asset files:
```auto
{{ $sassTemplate := resources.Get "sass/main.scss" }}
```
This line looks for the file in `/assets/sass/main.scss`.
---
Oh… My … GOD!!!
It seems that it succeed…!!!
I can’t believe…!!! I let out a cry of joy without thinking…!!!
The answer was follows:
# Path of the sass file
- REPOISITORY-NAME/sass/main.scss
- → the compiled file is in REPOISITORY-NAME/resources/\_gen/assets/scss/sass/main.scss\_2538feeffcbb857f4cc8772ebe8a0cd3.content
@joeborg @davidsneighbour Thank you for your advice…!!
But I came up with another question.
Which is pure compiled css file?🤔 There is no `main.css` file in the repo nevertheless `main.css` is expressed in browser↓
``
# index.html
```auto
Document
{{ $sassTemplate := resources.Get "sass/main.scss" }}
{{ $style := $sassTemplate | resources.ExecuteAsTemplate "main.scss" . | resources.ToCSS }}
```
As you know I’m a Hugo beginner, I will post other questions in here again.
Anyway, This problem was solved. Thank you very much @joeborg and @davidsneighbour !!!
---