Create-React-App: какой лучший способ включить CSS из каталога node_module

Я пытаюсь включить некоторый CSS в мой проект-приложение-приложение-приложение. CSS - это пакет сторонних NPM и, следовательно, его в каталоге node_modules.

Я попробовал: import '/node_modules/packagename/css/styles.css';

Но я получаю ошибку:

Модуль не найден: вы попытались импортировать / node_modules/packagename/css/styles.css, который выходит за пределы каталога проекта src/. Относительный импорт за пределами src/не поддерживается. Вы можете либо переместить его внутри src/, либо добавить символическую ссылку на него из проекта node_modules/.

Я бы предпочел не перемещать CSS в src/, поэтому его можно обновить с помощью NPM. Я мог бы символически ссылаться, но по мере разработки на окнах и развертывания в Linux это не идеально.

Какой лучший способ от меня включить CSS?

Ответы

Ответ 1

Найти путь к CSS файлу

пример: ./node_modules/packagename/dist/css/styles.css

Импортируйте используя путь, связанный с node_modules (что-нибудь после node_modules/)

import 'packagename/dist/css/styles.css'

Ответ 2

относительные пути не нужны из node_modules и не должны быть рекомендованным способом включения CSS

все, что вам нужно сделать, это оставить предыдущий слэш и каталог node_modules так же, как импортировать пакет js из узловых модулей:

import 'package/css/style-to-import.css'

Ответ 3

Я нашел это ошибка боли. особенно мой webpack.config.js больше не работает.

Специально реагирующее приложение теперь работает в папке src, а импортируемые файлы должны находиться в общей папке.

я использовал materialize-social и выяснил, что самый простой способ - это переместить папку с файлом node_module "materialize-social" в публичный каталог любым другим способом, пожалуйста, порекомендуйте его.