Aby umożliwić korzystanie z scss w create-react-app robię podstawowe rzeczy. Najpierw zerknij w package.json na razie jest minimalistycznie teraz z konsoli uruchamiam npm run eject
Potrzebnych nam są jeszcze trzy biblioteki node-sass, sass-loader oraz resolve-url-loader.
Ja używam yarna czyli uruchamiam
yarn add -D sass-loader node-sass resolve-url-loaderlub dla tych co używają NPM
npm i -D sass-loader node-sass resolve-url-loaderJak pozbyć się zagnieżdżonych ścieżek w pejekcie.
Np. taka nieładna ścieżka jak poniżej.
import TopImage from '../../../components/TopImage/TopImage';Chcemy mieć coś takiego, czy do foldera components czy do containers czy innych folderów w src.
import TopImage from 'components/TopImage/TopImage';Najprościej jak można to tworzymy plik w folderze src o nazwie .env tak z kropką na początku.
W nim wpisujemy NODE_PATH=src/ robimy save i uruchamiamy project jak zwykle przez npm run start
Od tej chili zamiast podawać całą ścieżkę podajemy components, containers, hoc czy inne foldery jakie mamy w projekcie.