Я копаю проект 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
проект?