Как именно использовать node-sass с create-реагировать-приложение 2 эффективно?

Question

Итак, с create-react-app @ v1 я писал gulp задач для минимизации и компиляции SASS, чего не было в реальном времени, но теперь в create-react-app @ v2 Facebook поддерживал node-sass для компиляции и отражать изменения в режиме реального времени. Итак, мой вопрос заключается в том, что

С помощью node-sass куда мне положить styles.scss?

Я пытался вставить его в index.html, но он не работает, так что, возможно, index.js решит проблему?

Будет ли CRA2 минимизировать мой SASS в styles.min.css после того, как я npm run build?

Answer 1

Поместите ваши стили в /src/App.scss и обновите src/App.js (файл / индекс JS верхнего уровня), добавив App.scss вместо .css.Это заставит CRA автоматически скомпилировать / постобработать SCSS.

См. Также: https://facebook.github.io/create-react-app/docs/adding-a-sass-stylesheet