Gulp任务:使用wiredep获取文件连接其他js文件并缩小

时间:2016-08-02 15:03:19

标签: javascript

我正在尝试构建一个gulp任务,使用wiredep获取所有bower_components文件,然后将它们连接在一起。然后连接一些特殊文件夹上的其他JS文件,最后缩小所有内容。

问题是我不知道是否可以指定wiredep bower_components目录之外的另一个目录。如果不可能,我还可以使用其他任何解决方案吗?

我是一个使用gulp的begginer,所以你可以在我认为我的任务受到高度赞赏的过程中指出任何其他错误。

string(4) "null"

1 个答案:

答案 0 :(得分:1)

我会有一个像这样的方法(可能在项目根目录下的配置文件中)来获取你想要的东西与wiredep:

getWiredepDefaultOptions: function() {
    var options = {
      directory: bower.directory,//file path to /bower_components/
    };
    return options;
},

然后在你的gulp任务中,有这样的事情:

gulp.task('wiredep', function() {
  log('Wiring the bower dependencies into the html');

  var wiredep = require('wiredep').stream;
  var options = config.getWiredepDefaultOptions();

  return gulp
    .src('./index.html')
    .pipe(wiredep(options))
    .pipe(gulp.dest("wherever you want your index.html"));
});

根据您要连接的其他内容,您必须使用index.html中的标记添加某种类型的排序。