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

时间：2017-09-07 01:35:11

标签： angular semantic-ui

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

pic1

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

pic2

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

1 个答案:

答案 0 :(得分：2)

我认为您应该将静态文件放入资源目录中。如果你使用的是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”//它不完全是路径，修复它       ]，

相关问题
最新问题