Задача
Реализовать поддержку автоматической компиляции sass/scss файлов в React.js инструменте Facebook.
Решение
- Устанавливаем sass-loader и node-sass.
npm install sass-loader node-sass --save-dev
- Добавляем loader в файл node_modules/react-scripts/config/webpack.config.dev.js
...
loaders: [
// Process JS with Babel.
...
{
test: /\.scss$/,
include: paths.appSrc,
loaders: ["style", "css", "sass"]
},
]
},
... - Импортируем стили в код компонента.
import './App.scss';