0

I'm using SASS in my React project. I need to see the final compiled CSS file from that SASS. When i go to:

I can see the SCSS but where is the CSS one?

I mean the compiled version of index.scss or App.scss which will be index.css and app.css.

P.S. i can find it at my build folder in my project, but rather see it in the inspect page at the browser.

Sina Gol
  • 3
  • 2
  • Hi Sina, this would depend on the configuration of this project, is the repo public? could you share the link? – Mario Perez May 29 '23 at 17:03
  • hey @MarioPerez thanks for the reply, I just started a new project via create-react-app, then installed sass and changed app.css to App.scss and the same for index .css – Sina Gol May 29 '23 at 17:07
  • Does this answer your question? [Disable source maps in Chrome DevTools](https://stackoverflow.com/questions/35002087/disable-source-maps-in-chrome-devtools) – Andy Ray May 29 '23 at 17:13
  • @AndyRay this will just remove the rest of the files but still, I have that index.scss, but what I need is the CSS file – Sina Gol May 29 '23 at 17:30

1 Answers1

0

As suggested in https://create-react-app.dev/docs/advanced-configuration/ you could add an env variable in your .env file

GENERATE_SOURCEMAP=false

and then rebuild/restart your application

Mario Perez
  • 2,777
  • 1
  • 12
  • 21
  • this will just remove the rest of the files but still, I have that index.scss, but what I need is the CSS file – Sina Gol May 29 '23 at 17:30