javascript - grunt-injector不注入(inject)文件

我正在使用grunt-injector注入客户端依赖项。

这是我的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.loadNpmTasks("grunt-injector");

并注册“喷油器”作为我的任务的一部分。

但是，执行咕unt声只会生成而不是注入。到“ index.gen.html”文件。

我该怎么办？有什么建议么？

最佳答案

问题是由尾随空格引起的。由于我使用Pug（以前称为Jade）编译HTML，因此它生成的是而不是（因为Pug等效于// injector:css），并且尾随的空格已由编辑器自动删除。

新增中

"options": {
    "starttag": "<!-- injector:{{ext}}-->",
    "endtag": "<!-- endinjector-->"
},

解决了问题

关于javascript - grunt-injector不注入(inject)文件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37936883/