使用grunt自动删除css文件路径

Question

我正在创建一个简单的角度项目，我正在使用css of font-awesome。

在我的index.html中，我添加了以下行：

<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css" />

在此之前我执行了：bower install font-awesome --save

现在，当我执行grunt serve时，会自动删除导入css的上述行。我该如何解决这个问题？

Answer 1

如果您正在使用grunt-wiredep，它会自动将bower组件注入索引文件，然后介于

之间

<!-- bower:css --> <!-- endbower -->

和

<!-- bower:js --> <!-- endbower -->

将被每个命令覆盖。

尝试将<link>标记放在此外。

Answer 2

最后经过大量的打击和追踪得到了解决方案。在覆盖范围内的bower.json中，我们必须编写以下代码块，之后grunt服务不会从index.html中删除该链接

"font-awesome" : {
      "main": [
        "less/font-awesome.less",
        "scss/font-awesome.scss",
        "css/font-awesome.css"
      ]
    }