[Vuejs]-Importing SCSS file from index.html doesn't work

by

3👍

✅

you can not import scss file directly into a html file.

if you are using vue.

in the vue component.

code like this:

<style scoped lang="scss">
@import 'styles/main.scss';
</style>
👤Hank X

2👍

If you are using straight HTML, you must convert your scss into CSS with a compiler first. Your browser doesnt read scss as CSS. Compiling is easy, you can use the command line, software like Koala or prepros. If you are using Vue, do what Hank said in his response

👤Brad

0👍

You can not "attach" a SASS/SCSS file to an HTML document. SASS/SCSS is a CSS preprocessor that runs on the server and compiles to CSS code that your browser understands. If you Attach your sass into your HTML file then your Browser can’t understand it.
so don’t try to use it.

👤Raihan Biswas

Leave a comment