Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   Не работает scss в react-е (https://javascript.ru/forum/library-toolkit-framework/76691-ne-rabotaet-scss-v-react-e.html)

kuchuluk 03.02.2019 18:44

Не работает scss в react-е
 
Здравствуйте.
Не распознается синтаксис scss у меня в react проекте. Установил его, yarn перезапустил, прописал в webpack.config.js
{
       test: /\.scss$/,
       use: [{
          loader: "style-loader"
       }, {
          loader: "css-loader"
       }, {
          loader: "sass-loader",
          options: {
             includePaths: ["absolute/path/a", "absolute/path/b"]
         }
       }]
},

В файле package.json он тоже появился "sass-loader": "^7.1.0",
Но когда пытаюсь работать с ним в стилях
.AppButton {
    padding: 8px 10px;
    border: 1px solid #ccc;
    font-weight: bold;
    text-transform: uppercase;
 
    &:focus, &:active {
        outline: none;
    }
 
    &:hover {
        bacground: #f0ff1e;
    }
}

ничего не происходит, то есть псевдоселекторы не работают.
Расширение файла app.css тоже поменял на app.scss
Подскажите в чем может быть дело? С React-ом только начал знакомство


Часовой пояс GMT +3, время: 15:16.