[kuchuluk]

Здравствуйте.
Не распознается синтаксис 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-ом только начал знакомство