Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.02.2019, 18:44
Аспирант
Отправить личное сообщение для kuchuluk Посмотреть профиль Найти все сообщения от kuchuluk
 
Регистрация: 04.04.2014
Сообщений: 33

Не работает 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-ом только начал знакомство
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
innerHTML для TR в InternetExplorer не работает? Непонятливый Элементы интерфейса 3 15.10.2012 17:14
JS: работает на сервере, не работает из папки -majestic- Общие вопросы Javascript 2 02.08.2012 14:41
Не работает push! Динамическая вставка TSEH25 ExtJS 5 03.07.2012 13:00
jQyery функция странно работает! Midel Общие вопросы Javascript 4 08.04.2012 13:40
помогите найти ошибку (работает в IE но не работает в Firefox) Len4ik Javascript под браузер 2 11.05.2010 15:41