gruntjs – 将bower依赖关系读入grunt文件列表

2019年8月4日 182次阅读

我正在使用grunt,我想在创建生产分发时复制我的bower依赖项

这些依赖项已存在于./components中

我使用index.html生成一个生产目录,并且只想从bower.json文件中复制依赖项.

我认为这就像从deps生成列表一样简单：

prodComponents = Object.keys(grunt.file.readJSON('./bower.json').dependencies)

(从简单的console.log(prodComponents)生成

[ 'requirejs',
  'requirejs-text',
  'jquery',
  'underscore-amd',
  'backbone-amd',
  'backbone.wreqr',
  'backbone.babysitter',
  'marionette' ]

然后只需复制匹配的文件：

    copy:
        deps:
            files: [
                expand: true
                cwd: './components'
                src: ['./<%= prodComponents %>/*']
                dest: './dev/components'
            ]

这可以,但复制所有组件.即我的文件规范失败

Running "copy:deps" (copy) task
Created 15 directories

如果我删除./然后它失败了：

Warning: Unable to read "components/Applications" file (Error code: ENOENT). Use --force to continue.

不禁想到我要么想要太聪明,要么差点就这样.

我对文件规范的规范做错了什么？

谢谢

最佳答案 我觉得你很亲密我会使用应用于prodComponents的globbing模式保存目录：

prodComponents = Object.keys(grunt.file.readJSON('./bower.json').dependencies).map(
    function(prodComponent) {
        return prodComponent + "/**/*";
    }
);

所以prodComponents将包含：

["requirejs/**/*",
 "requirejs-text/**/*",
 "jquery/**/*",
 "underscore-amd/**/*",
 "backbone-amd/**/*",
 "backbone.wreqr/**/*",
 "backbone.babysitter/**/*",
 "marionette/**/*" ]

副本配置为：

copy:
    deps:
        files: [
            expand: true
            cwd: 'components'
            src: '<%= prodComponents %>'
            dest: 'dev/components'
        ]

请注意,为了能够以这种方式在模板中使用prodComponents,需要在grunt config中设置它.

点赞