SASS Support in MERN?

Great project! I would like to know how would you suggest adding SASS to the pipeline. Where you put the scss files in the current folder structure? How about the webpack.config?

Thanks!

MERN is un-opinionated about handling CSS. You can use CSS as modules for individual components or use a single file to place all CSS (like its in mern-starter right now). However, you can easily use SASS by using sass-loader in webpack.config.

Hope it helps!

Hi, I try to add SASS (scss) into MERN in dev. This is a simple way how to do it

codingfrontend.herokuapp.com/posts/how-to-add-scs…

Hope It helps!

It seems you are looking for css modules but you have commented out that css module loader, any reasons?

Hey Prashant, thanks for the reply. So keeping it hadn't worked either for me earlier too. Also, I had tried renaming the app.css to app.scss after commenting the test for \/.css$\,

below is the error

shared/components/ListItem/ListItem.scss: Unexpected token (1:19)
> 1 | tn-container {
    |              ^
  2 |     border-radius: 5px;

can't tell whats messed up. I must be doing something silly somewhere. Would appreciate help resolving this since thats the missing piece and we are using mern for our production stack.

Did you ever resolve this? I can't include CSS either. I'm trying to use Semantic UI CSS and I can't figure out how to get MERN to accept any fonts. Once the app crashes it never recovers even if I remove all references and I have to init a new project.

Thread

SASS Support in MERN?

Responses(2)

Recent threads

Search Hashnode

SASS Support in MERN?

Responses(2)

Recent threads