Question

我正在按照

在我的angular 5应用程序中集成Hypertrack

https://github.com/hypertrack/angular-dashboard-demo

由于hypertrack css是外部的，我必须将它包含在样式URL或angular-cli.json样式中

.angular-cli.json

"styles": [
         "../node_modules/ht-angular/src/styles/bulma.scss",
         "../node_modules/ht-angular/src/styles/global.scss",
         "../node_modules/ht-angular/src/styles/placeholder.scss",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "../node_modules/font-awesome/css/font-awesome.css",
        "styles.css"
      ],

我已经将styles.css留下了任何覆盖的情况。

如果我在这里包含这些css，我的项目css会受到影响。

dashboard.component.ts

 styleUrls: [
    '../../../../node_modules/ht-angular/src/styles/bulma.scss',
    '../../../../node_modules/ht-angular/src/styles/global.scss',
    '../../../../node_modules/ht-angular/src/styles/placeholder.scss',
    './dashboard.component.css',
]
})

如果我在这里包含css，则没有变化。

如何在不改变项目的情况下导入外部css？

编辑1：我创建了一个除了我的项目之外的git repo。 https://github.com/rgnrw/hypertrack_css_issue.git

现在我无法将bootstrap添加到此

中

Hypertrack- Angular css覆盖问题

0 个答案: