Converting Scss to CSS and using in Asp.net MVC Core 6 (Issue)

Question

I want to scss (sass) in my Asp.Net MVC Core 6 Application.

What I did is :

Navigated to wwwroot -> npm init

and generate a package.json

Install npm node-sass and then mention this command in package.json file

 "scripts": {  
    "sass": "node-sass styles/ -o css/",    
  },  

and run this command in the terminal npm run sass

after this command, there is a new css file generated within a wwwroot directory with the name of main.css

after that I referred this css file on my layout.cshtml.

I use both node-sass as well as sass.

the commands were different

sass command was

"sass": "sass -w styles:css",

But the result is same ,

I am wondering why my complete sass files and styles are not working ?

Am i missing something in it ?

Please guide ASAP.

thank you

Answer 1

what does not working mean? sass appears to run and create a main.css which should be based on the main.scss. what in main.scss did not get generated in main.css?

note: I would not typically put the node package in wwwroot (which is typically deployment only). I would put in a source and output to wwwroot.