CODEWITHSUNDEEP
csssass
Webappsdeva
Webappsdeva

Reputation: 337

External SCSS style file link to HTML

I have one style file with .scss code and .scss extention , what is the best practice to implement this style file to HTML?

Do I need to create another style file with .css extention and convert .scss file first to .css? do I need to use some software to do this? I understand style.scss file does not need to link in HTML file and only style.css will be linked in HTML.

Thanks

Upvotes: 1

Views: 6234

Answers (2)

ArthClement
ArthClement

Reputation: 80

SASS (and by consequent SCSS) is different from regular CSS since SASS is a scripting language written in Ruby. HTML can't use a SCSS file, it has to be transformed to regular CSS using a compiler.

If you use VSCode just install Live Sass Compiler extension.

You can also install it through npm

npm install -g sass

You can visit Sass website to see all the way to install it

Upvotes: 3

Thinker
Thinker

Reputation: 14464

This is really a question to google. You should compile your scss file into css file, which can be made with watcher or tasker. Look at webpack with sass or directly to sass installation page.

Upvotes: 0

Related Questions