格朗特-线和翡翠模板

Question

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

我已经将src参数更改为引用index.jade而不是index.html。知道为什么注射不起作用吗？

Answer 1

我也有类似的问题，看看正则表达式，还不清楚该注入什么。因此，我只是把我的解决方案在这里为其他有同样的问题。

在翡翠文件中，需要添加：

  // bower:js
  // endbower

和not：<!-- 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: {}
    }

  }

}