gruntjs - 如何使用 grunt-bower-install 更新多个 html 文件

Question

我正在使用由 yeoman angular-generator 生成的 grunt 文件。有多个文件需要 bower-install 来更新，现在 bower-install 配置就像

// Automatically inject Bower components into the app
'bower-install': {
  app: {
    html: '<%= yeoman.app %>/index.html',
    ignorePath: '<%= yeoman.app %>/'
  }
},

我试着用

    html: ['<%= yeoman.app %>/index.html','<%= yeoman.app %>/manager.html']

运行时grunt bower-install，出现以下错误

Running "bower-install:app" (bower-install) task
Warning: path must be a string Use --force to continue.

Aborted due to warnings.

bower-install 插件版本是

"grunt-bower-install": "~0.7.0",

我的问题是这个版本是否支持更新多个 html 文件？如果是，如何？

Answer 1

您可以定义多个目标来更新多个 html 文件，如下所示：

'bower-install': {
  app: {
    html: '<%= yeoman.app %>/index.html',
    ignorePath: '<%= yeoman.app %>/'
  },
  app2: {
    html: '<%= yeoman.app %>/manager.html',
    ignorePath: '<%= yeoman.app %>/'
  }
}

Answer 2

看起来最新版本使用了一种更灵活的方式来定位文件进行注入......

https://github.com/stephenplusplus/grunt-bower-install

target: {
    ...
    src: [
      'app/views/**/*.html',
    ...