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

Question

我正在创建一个简单的 angular 项目，我在其中使用了 css 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 组件注入您的索引文件，然后

之间的任何内容

 

和

 

将被每个命令覆盖。

试着把你的 <link> 标签放在这边。

Answer 2

经过多次尝试，终于找到了解决方案。在 bower.json 覆盖下，我们必须编写以下代码块，之后 grunt serve 不会从 index.html

中删除 link

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

css file path automatically removed using grunt