Как заставить React-css-модули работать с внешними библиотеками React UI

Как заставить response-css-modules работать с внешними библиотеками пользовательского интерфейса, такими как Antd. Мой веб-пакет настроен для компиляции scss, а стили в библиотеке пользовательского интерфейса написаны на css. Есть ли способ заставить react-css-modules подбирать стили для библиотеки пользовательского интерфейса.

Я попытался добавить @import в таблицу стилей индекса для своего проекта, но по какой-то причине webpack не распознает @import.

@import '~antd/dist/antd.css';
@import '~antd/lib/style/index.css';
@import './index.css';

webpack reactjs antd react-css-modules
person Dave Kalu    schedule 06.06.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward 

import '../node_modules/antd/dist/antd.css';
import "../node_modules/antd/lib/style/index.css";
import "./index.css";

попробуйте таким образом импортировать CSS ваших пакетов. Определите правильный путь CSS, включая node_modules. Попробуйте и дайте мне знать, я надеюсь, что это будет полезно для вас.

person Asif vora    schedule 06.06.2018
comment
По-прежнему не работает. Вот что у меня есть сейчас. `@import '../node_modules/antd/dist/antd.css'; @import '../node_modules/antd/lib/style/index.css'; @import './index.css'; ` - person Dave Kalu; 06.06.2018
comment
Отбросьте знак @. Вы используете JS, поэтому применяется оператор импорта ES6. Если бы вы были в CSS, @import был бы подходящим вариантом. - person mccambridge; 06.06.2018
comment
Не может быть скомпилирован без знака @. Я пытаюсь включить внешний CSS в файл SASS, а не в файл JS. - person Dave Kalu; 06.06.2018