如何在Angular中使用基本的semantic.min.css？

Question

我想在我的角色中使用semantic.min.css文件。

favicon.ico和semantic.min.css位于同一目录下。

但是浏览器仍然无法获取此文件。 我的问题是为什么favicon.ico可以加载但是semantic.min.css不能加载，以及如何修复它？

Answer 1

我认为您应该将静态文件放入资源目录中。如果你使用的是angular-cli，那么你已经在cli config中包含了资产

 "apps": [
    {
      "assets": [
        "assets",
        "favicon.ico"
      ],
    }
]

然后将您的css文件写入此块

  "styles": [
    "/path-to-css/semantic.min.css",
  ]

语义只有css版本尝试通过npm https://github.com/Semantic-Org/Semantic-UI-CSS安装它，然后你可以添加路径，如：

“风格”：[         “../node_modules/semantic-ui-css/dist/semantic.min.css”//它不完全是路径，修复它       ]，