Skip to content
← Back to Community
How To Use SASS/SCSS In REPLIT!
Profile icon
coding1001

How To Use SASS/SCSS In repl.it

I have seen many people trying to use sass and scss in repl.it. well here is how!

steps:

1. go to https://github.com/sass/dart-sass/releases and download dart-sass-1.32.8-linux-ia32.tar.gz

2. upload it to your REPL

3. in the shell type tar xvzf dart-sass-1.32.8-linux-ia32.tar.gz

4. type export PATH=“./dart-sass:$PATH”

5. now you can use sass with the sass command!

For Example use sass style.scss style.css to compile style.scss into style.css

Or copy my bash script and use bash install.sh

#NOTE: if you are using a nodejs REPL use bash installnode.sh after you copy my file into your REPL (installnode.sh)

Have Fun Using Sass!

Voters
Profile icon
Kaukdsv
Profile icon
ericwu
Profile icon
DexieTheSheep
Profile icon
MoPaMo
Profile icon
sfeliks2016
Profile icon
g13g
Profile icon
haroldao
Profile icon
P233
Profile icon
codingjlu
Profile icon
coding1001
Comments
hotnewtop
Profile icon
g13g
Profile icon
coding1001

@g13g thanks for commenting the demo!

Profile icon
TinaKim

@g13g Thank you so much for this demo. It helped a lot!!

Profile icon
g13g

@TinaKim Glad to hear!✌️

Profile icon
haroldao

doesn't work ...

Profile icon
coding1001

@haroldao this only works in an html REPL. otherwise, you will get an error

Profile icon
TinyMooshmallow

@haroldao yeah doesn't work

Profile icon
coding1001

@FelixF809 export PATH=“./dart-sass:$PATH” will not last forever. you can use ./dart-sass/sass to also use sass

Profile icon
coding1001

@haroldao i added what do do for nodejs

Profile icon
vigengareyan

Hello everyone. Could you please recommend how to perform the same installation, but for windows 10?

Profile icon
vigengareyan
Profile icon
seanyang20

Where do I type for step 4?

Profile icon
coding1001

@seanyang20 type it in the shell like the previous commands

Profile icon
TinaKim

I've been struggling to figure out how to use sass in replit for hours and hours but thanks to you I could use sass now. It's working very well. Thank you!

Profile icon
Teredell

Please edit step 3 to exact file name for future users. It is missing a dash.

Profile icon
coding1001

@Teredell Thanks for telling me, I didn't see that error

Profile icon
coreykeser

What exactly do you mean by use the "sass command"

Profile icon
coding1001

@coreykeser the sass bash command. Just type sass in the terminal

Profile icon
codingjlu

If you want to do SASS with Node js check this out https://replit.com/talk/templates/SCSS-FINALLY/129631

Profile icon
[deleted]

@coding1001 i recommend you edit the tutorial so it has the newest version

Profile icon
coding1001

@snekattack ok i updated it

Profile icon
[deleted]

wow! this helped a lot

Profile icon
coding1001

@snekattack your welcome, what are you planning to do in sass?

Profile icon
[deleted]

@coding1001 i want to make my own css framework, think im gonna name it architect

Profile icon
coding1001

@snekattack why do you need sass to do that? will you use it to make it easier to create architect?

Profile icon
[deleted]

@coding1001 sass has features that help save time and there is other stuff that makes it useful too