2016-02-02 33 views
0

grunt-wiredep的常见用法是扫描您的给定HTML并将相关依赖项注入该HTML。grunt-wiredep - 想要将依赖关系写入文件

我正在寻找取而代之的JS & CSS依赖关系,按wiredep确定的顺序,将它们连接成单个JS和单个CSS文件并写入这些文件。

我可以看到,wiredep本身很乐意返回一个有序列表的对象,但获取Grunt将它们写入文件的语法超出了我的想象。

有谁知道这是否可能以及语法是什么?所有grunt-wiredep任务的第一件事情是一个源HTML文件,这不是我想要做的。

任何意见赞赏!

回答

0

所以我最终与同事克服这种方式非常简单。

我成立了一个新的咕噜任务中获得我从节点Wiredep过程需要作为这里的对象:

grunt.registerTask('bower-bundler', function() { 
     var result = require('wiredep')(); 
     grunt.config.set('concat.wiredepCSS.src', result.css); 
     grunt.config.set('concat.wiredepJS.src', result.js); 
    }); 

grunt.config.set()允许您设置任务的外线它的配置块源。

0

感谢您的解决方案!

我添加了一些额外的细节,所以它的作品开箱:

//Put all bower files in one file 
grunt.registerTask('bower-bundler', function() { 

    //Point to the file which source you need to bundle 
    var result = require('wiredep')({ 
     src: ['index.html'] 
    }); 

    //Set grunt config for concat task based on result.js and add an output file 
    grunt.config.set('concat.withWiredepJS', { 
     src: [ 
      result.js 
     ], 
     dest: 'build/lib_min.js' 
    }); 

    //Run the task right away 
    grunt.task.run('concat:withWiredepJS'); 
});