SASS Support

[Oceanswave]

Question about SASS support.

If I follow the official SASS directions at
https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc

It seems as though scss files are still not able to be imported.

Is this some thing that should just work, or is ejecting still required if I want to use create-react-app-ts.

Thanks,

[mikebridge]

Would it work to import the resulting .css files via an import, e.g. import "./index.css"?

[Oceanswave]

That does work - however, it would be nice to reference scss files from /node_modules in order to override scss variables

[Oceanswave]

Disregard - didn't have my head on straight. Referencing the .css files that then import the scss files works great.

[kmturley]

This is not a satisfactory solution from my perspective. It's frustrating and confusing to have duplicate .css and .scss files sitting in every project folder.

Found a project which seems to implement it in a better way using sass-loader:
https://github.com/BaristaLabs/react-scripts-ts

Added to the package.json
https://github.com/BaristaLabs/react-scripts-ts/blob/master/package.json#L52

Added to the webpack.config.js
https://github.com/BaristaLabs/react-scripts-ts/blob/master/config/webpack.config.dev.js#L275

---

UPDATE: just seen this pull request which seems to have what I need:
#362

UPDATE 2:
I forked this repo and added sass-loader support:
kmturley@896190a

I pushed to npm as:
https://www.npmjs.com/package/react-scripts-scss-ts

Which means you can start apps using:
npx create-react-app react-typescript-scss-new --scripts-version=react-scripts-scss-ts