Gruntjs grunt wiredep和Jade模板

我成功地使用grunt wiredep包将bower组件注入到我的视图标记中，目前我正在将视图从HTML移植到Jade。然而，当我运行构建脚本时，bower脚本并不像我使用HTML时那样被注入到页面中

---

我将

src

参数改为reference

index.jade

，而不是

index.html

。知道注入不起作用的原因吗？

确保您正在运行最新版本的wiredep

1.8.5

，该版本添加了Jade支持

查看以及，它提供了更多选项

使用您自己的视图结构更新以下内容。

wiredep: {

  target: {

    // Point to the files that should be updated when
    // you run `grunt wiredep`
    src: [
      'app/views/**/*.html',   // .html support...
      'app/views/**/*.jade',   // .jade support...
      'app/styles/main.scss',  // .scss & .sass support...
      'app/config.yml'         // and .yml & .yaml support out of the box!
    ],

    // Optional:
    // ---------
    options: {
      cwd: '',
      dependencies: true,
      devDependencies: false,
      exclude: [],
      fileTypes: {},
      ignorePath: '',
      overrides: {}
    }

  }

}

---

我有一个类似的问题，看看正则表达式，不清楚该注入什么。 所以我在这里为其他有同样问题的人添加了我的解决方案

在jade文件中，您需要添加：

  // bower:js
  // endbower

而不是：

---

有关其他文件扩展名，请在wiredep文件夹中搜索。

请从gruntfile中添加当前配置，否则我们将帮不上忙。请注意@nane。另一个相关的问题是，如果您的bower/inject任务是在一个html文件上运行的，该文件是由前一个任务从Jade编译而来的，Jade会将

//bower:js

转换为

（没有尾随空格），而正则表达式不匹配。在您的Jade文件中使用html注释来解决这个问题。