如何在 angular 中导入 Syncfusion Theme 工作室自定义 CSS 文件

Question

如何将我们从 Syncfusion Theme Studio 下载的自定义 scss 文件包含到 angular cli 中？

站点建议将 URL 添加到 angular.json 中的样式部分。有没有办法避免这样做并将其导入 styles.scss。我尝试添加：

@import './scss/themestudio/multiselect-bootstrap4-202104281445211345-8b09079-/bootstrap4.scss';

没用。

Answer 1

您可以 copy/paste 将新的 css 或 scss 内容直接添加到您现有的 styles.scss 文件中

Answer 2

我们制作了示例供您参考，您可以从以下link.

获取

我们要求您仅包含从 Theme Studio 下载的 SCSS 文件并将该文件复制到应用程序存储库中。另外，需要修改我们的“angular.json”，如下面的代码片段。

"styles": [
              "src/styles.scss",
              "src/style/material.scss"
            ],

如有任何疑问，请与我们联系。

How to import Syncfusion Theme studio custom CSS file in angular