Как импортировать файл css / s css в класс из node_module (для изменения темы компонента) - PullRequest
Новая
       8

Как импортировать файл css / s css в класс из node_module (для изменения темы компонента)

1 голос
/ 23 января 2020

Я использую компоненты syncfision. Я хочу, чтобы этот компонент использовал тему Dark, когда класс app-dark находится в div. Мне нужно импортировать две темы, но они должны использоваться в каждом конкретном случае, как показано ниже: 

@import '../../../../node_modules/@syncfusion/ej2-angular-grids/styles/material.css';

.app-dark {
  @import '../../../../node_modules/@syncfusion/ej2-angular-grids/styles/material-dark.css';
}

Это мой файл импорта и файл .s css.

Это неправильный стиль, и компилятор ошибется. Но как я могу делать то, что хочу?

1 Ответ

0 голосов
/ 30 января 2020

Мы попытались импортировать файл «.scss», как вы упоминали в предыдущем обновлении, но мы столкнулись с некоторыми проблемами при компиляции. Импорт на внутреннем уровне не включен в целевой файл css, и мы запросили команду «gulp-sass». Мы будем проверять и обновлять дальнейшие детали после получения ответа от команды «gulp-sass».

Мы предоставили ссылку на сообщение об ошибке для вашей справки ниже:

https://github.com/dlmanning/gulp-sass/issues/757

Тем временем, мы предлагаем вам обратиться к КБ ниже, чтобы изменить тема динамически,

KB- https://www.syncfusion.com/kb/10868/dynamic-theme-change

Пример - https://github.com/SyncfusionExamples/EJ2-Angular-Dynamic-theme-Switch

...