You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Can see that sass was added so tried it on a fresh install by changing the app.css and index.css to scss files. Didn't work. What steps are required to get this working
Sass support was added to the 2.x branch which is in alpha testing. You won't get it in a newly created project unless you tell CRA specifically to use the 2.x alphas. Note they have bugs and will have more breaking changes. I suggest you to wait for the official release.
The docs for the SCSS/SASS support on master suggest that the integration work. Would it be possible to revise the documentation and specify that the SCSS/SASS support is only for version 2.x ?
@philippefutureboy @TifaJ11 The docs you referred to is indeed for v1.x of create-react-app. I've used these steps before and can confirm they work. If you need assistance considering filing a new issue with proper repo steps.
@fillipvt for 2.x as you said all you need to do is add node-sass in your dependencies and it should just work without doing anything else. If you have follow up questions please open a new issue.
Activity
gaearon commentedon Apr 23, 2018
Sass support was added to the 2.x branch which is in alpha testing. You won't get it in a newly created project unless you tell CRA specifically to use the 2.x alphas. Note they have bugs and will have more breaking changes. I suggest you to wait for the official release.
adamwright104 commentedon Apr 23, 2018
@gaearon thanks
gaearon commentedon Apr 23, 2018
If you do want to try it, the instructions are here: #3815
p-hebert commentedon May 15, 2018
Hey!
The docs for the SCSS/SASS support on master suggest that the integration work. Would it be possible to revise the documentation and specify that the SCSS/SASS support is only for version 2.x ?
Have a wonderful day ✨
Cheers,
Philippe
TifaJ11 commentedon May 24, 2018
The docs Philippe is referring to was added Feb 2017: https://github.com/facebookincubator/create-react-app/pull/1008/files. This was before the 2.0 change considerations, I assume, and the steps should work with 1.0 versions (?) but I was not able to get it working either.
p-hebert commentedon May 25, 2018
@TifaJ11: Thanks for your answer :) I guess that when a contributor gets time to see this issue, they'll shed a bit more light on the situation.
Have a wonderful day 🚀
Cheers,
Phil
fev4 commentedon Jun 1, 2018
Using the 2.0 next version (fresh install) I inteded to use an SCSS + CSS Modules and this happens:
Is there something that needs to be done in order to opt-in? How do I opt-in in order to use/test these features?
bugzpodder commentedon Jun 1, 2018
@philippefutureboy @TifaJ11 The docs you referred to is indeed for v1.x of create-react-app. I've used these steps before and can confirm they work. If you need assistance considering filing a new issue with proper repo steps.
@fillipvt for 2.x as you said all you need to do is add node-sass in your dependencies and it should just work without doing anything else. If you have follow up questions please open a new issue.
gaearon commentedon Oct 2, 2018
Sass is now supported.
https://reactjs.org/blog/2018/10/01/create-react-app-v2.html