Question

我正在使用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");

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

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

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

Answer 1

问题是由尾随空间引起的。由于我使用Pug（以前的Jade）来编译我的HTML，所以它生成而不是（因为Pug等价于// injector:css）并且尾随空间由我的编辑器自动移动。

添加

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

解决了问题

grunt-injector没有注入文件

1 个答案: