gruntjs - grunt-wiredep 和 Jade 模板

Question

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

我已将src参数更改为引用index.jade而不是index.html. 任何想法为什么注射不起作用？

Answer 1

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

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

  // bower:js
  // endbower

而不是： <!-- bower:css --> <!-- endbower -->

其他文件扩展名请在wiredep的github测试文件夹中搜索。

Answer 2

确保您运行的是最新版本的 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: {}
    }

  }

}