如何將 css/scss 文件從 node_module 導入一個類（用於更改組件的主題）

Question

我使用同步化組件。 當 app-dark 類在 div 上時，我希望這個組件使用 Dark 主題。 我需要導入兩個主題，但應在每種情況下使用它們，如下所示：

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

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

這是我的進口和 .scss 文件。

這是錯誤的樣式，編譯器會出錯。 但是我怎么能做我想做的事呢？

Answer 1

我們嘗試導入您在之前更新中提到的“.scss”文件，但我們面臨一些編譯問題。 內部級別的導入不包含在目標 css 文件中，我們向“gulp-sass”團隊提出了查詢。 我們將在收到“gulp-sass”團隊的回復后驗證並更新更多細節。

我們在下面分享了一個報告的錯誤鏈接供您參考，

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

同時，我們建議您參考以下kb動態更改主題，

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

示例 - https://github.com/SyncfusionExamples/EJ2-Angular-Dynamic-theme-Switch