Learn to Code via Tutorials on Repl.it!

← Back to all posts
How To Use SASS/SCSS In REPLIT!
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
MoPaMo
sfeliks2016
g13g
haroldao
P233
codingjlu
coding1001
Comments
hotnewtop
g13g
coding1001

@g13g thanks for commenting the demo!

TinaKim

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

haroldao

doesn't work ...

coding1001

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

FelixF809

@haroldao yeah doesn't work

coding1001

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

coding1001

@haroldao i added what do do for nodejs

seanyang20

Where do I type for step 4?

coding1001

@seanyang20 type it in the shell like the previous commands

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!

Teredell

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

coding1001

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

coreykeser

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

coding1001

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

codingjlu

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

[deleted]

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

coding1001

@snekattack ok i updated it

[deleted]

wow! this helped a lot

coding1001

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

[deleted]

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

coding1001

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

[deleted]

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