Question

我无法找到将css导入我的应用组件的方法。 Google上的所有内容都显示了其他内容......

在我的组件中我确定了

@Component({
   styleUrls : [../css/bootstrap.min.css]
})

每次我收到编译失败的消息。

这是我的文件结构：

rootFolder/app/appFileIsHere
rootFolder/css/bootstrapFilesAreHere

我试过./css / ...但是没有工作css / bootstrap不起作用./../css/bootstrap不起作用。还有什么可以尝试的东西，在这一点上，我只是在思考你如何定义风格路径的错误...

Answer 1

正如plvice建议您应该，在全局CSS style.scss中导入bootstrap scss文件

@import 'path/to/css/bootstrap.scss';

或在.angular-cli.json

中声明min.css

...
  "styles": [
    "app/core/preloader/preloader.scss",
    "styles.scss",
    "path/to/css/bootstrap.scss"
  ]
...

Answer 2

首先，将您的CSS文件添加到assets文件夹，之后，您需要将您的CSS文件添加到angular-cli.json中（这会将您的CSS应用到您的应用程序，并且它位于您的项目文件夹中）

在您的（.angular-cli.json）

中

"styles": [
        "assets/bootstrap.css"
      ]