如何将 BLK 主题添加到 Angular CLI 项目答案

【问题标题】：How to add BLK theme to an angular CLI project如何将 BLK 主题添加到 Angular CLI 项目
【发布时间】：2020-11-21 23:57:23
【问题描述】：

我用 CLI 创建了一个 Angular 项目，我想在这个项目中使用 Creative Tim 的 BLK theme。

但Creative Tim 中的唯一选择是下载现有项目并在此基础上工作。

我真的不想这样做，是否可以将此主题添加到我的 CLI 项目中？

试过npm i blk-design-system-angular 但这没有用。

【问题讨论】：

你使用了 Angular 主题吗？

标签： angular typescript bootstrap-4

【解决方案1】：

我尝试运行npm i blk-design-system-angular 并运行ng-serve，但它确实在_images.scss 文件之一中存在一个问题。

在_images.scss 文件中添加{ 后，它运行顺利。下面是我从他们的网站复制粘贴并将其放入app.component.html 以测试运行它的示例。 https://demos.creative-tim.com/blk-design-system-angular/#/documentation/grid

并且不要忘记根据他们的快速入门here. 在angular.json 的styles: 部分添加您的参考资料

   "node_modules/blk-design-system-angular/src/assets/css/nucleo-icons.css",
   "node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
   "node_modules/blk-design-system-angular/src/assets/scss/blk-design-system.scss",
   "node_modules/blk-design-system-angular/src/assets/demo/demo.css"

但是，它仍然会在npm install 之后将整个项目下载到node/modules，但您仍然可以在空白页上使用该类。

【讨论】：