Question

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

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

Answer 1

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

在 jade 文件中需要添加：

  // bower:js
  // endbower

和不：  

对于其他文件扩展名，请在wiredep的github test文件夹中搜索。

Answer 2

确保您正在运行最新版本的wiredep 1.8.5，这会增加Jade的支持。

查看documentation以及提供更多选项的the main readme。

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

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: {}
    }

  }

}

grunt-wiredep和Jade模板

2 个答案: