Javascript grunt注入器未注入文件

Javascript grunt注入器未注入文件,javascript,node.js,gruntjs,Javascript,Node.js,Gruntjs,我正在使用grunt注入器注入客户端依赖项 以下是initConfig的“注入器”部分的外观: "injector": { "options": { "template": "public/dist/index.html", "destFile": "public/dist/index.gen.html" }, "local_dependencies": { "files": { "p

我正在使用grunt注入器注入客户端依赖项

以下是initConfig的“注入器”部分的外观:

    "injector": {
      "options": {
        "template": "public/dist/index.html",
        "destFile": "public/dist/index.gen.html"
      },
      "local_dependencies": {
        "files": {
          "public/dist/index.html": [
            "public/**/*.js",
            "public/**/*.css"
          ]
        }
      }
    }
我的public/dist/index.html读取

<!DOCTYPE html>
<html>
  <head>
    <!-- injector:css-->
    <!-- endinjector-->
  </head>
  <body ng-cloak ng-app="primary">
    <!-- injector:js-->
    <!-- endinjector-->
  </body>
</html>
并将“注射器”注册为我任务的一部分

然而,执行grunt只会生成,而不会注入。到“index.gen.html”文件


我该怎么办?有什么建议吗?

问题是由尾随空格引起的。因为我使用了Pug(以前是Jade)来编译HTML,所以它生成的是
,而不是
(因为Pug的等价物是
//injector:css
),我的编辑器自动删除了尾随空格

添加

"options": {
    "starttag": "<!-- injector:{{ext}}-->",
    "endtag": "<!-- endinjector-->"
},
“选项”:{
“starttag”:“,
“endtag”:”
},

修复了问题

可能是喷油器呼叫后需要一个空格,因此您没有
"options": {
    "starttag": "<!-- injector:{{ext}}-->",
    "endtag": "<!-- endinjector-->"
},