Реагируйте на стиль с помощью SCSS - PullRequest
1 голос
/ 11 июня 2019

Я копаю проект npm, этот проект использует .scss файл для стилизации.

Импортирует стиль, как показано ниже:

import styles from './node-content-renderer.scss'

и использует его как объект для имени класса компонента.

 <button
      type="button"
      className={styles.collapseButton}
 >

Как это можетиспользовать styles как выше?Когда я пытаюсь сделать это в своей локальной среде, styles это просто {} (пустой объект).Даже я устанавливаю node-sass в свой проект.

Ссылка на существующий код: https://github.com/frontend-collective/react-sortable-tree-theme-file-explorer/blob/master/node-content-renderer.js

Используется scss файл, такой как объект js.Как я могу сделать это в моем проекте?Должен ли я настроить некоторые конфигурации веб-пакетов?Есть ли какой-нибудь более простой способ не нарушить мой create-react-app проект?

1 Ответ

1 голос
/ 11 июня 2019

Эта функция доступна для react-scripts выше 2.0.Вы должны следовать шаблону из документации: https://facebook.github.io/create-react-app/docs/adding-a-css-modules-stylesheet

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...