1. Главная
  2. Блоги
  3. Блог Dar

Компиляция SASS/SCSS в Create-React-App

Главные вкладки

Аватар пользователя Dar Dar 30 ноября 2016 в 16:40
1

Задача

Реализовать поддержку автоматической компиляции sass/scss файлов в React.js инструменте Facebook.

Решение

  1. Устанавливаем sass-loader и node-sass.
    npm install sass-loader node-sass --save-dev
  2. Добавляем loader в файл node_modules/react-scripts/config/webpack.config.dev.js
    ...
    loaders: [
    // Process JS with Babel.
    ...
    {
    test: /\.scss$/,
    include: paths.appSrc,
    loaders: ["style", "css", "sass"]
    },
    ]
    },
    ...
  3. Импортируем стили в код компонента.
    import './App.scss';
Логотип drupal.ru

Содержимое сайта публикуется на условиях CreativeCommons Attribution-ShareAlike 3.0 или более поздней версии. Программные коды в тексте статей — на условиях GNU GPL v2 или более поздней версии.

Документация по совместной работе с репозиторием drupal.ru – https://docs.drupal.ru/code

Drupal – торговая марка Дриса Бёйтарта

12+

AltStyle によって変換されたページ (->オリジナル) /