2016-11-12 106 views
0

我想从bower_components获取所有文件并将它们压缩到像vendor.js和vendor.css这样的文件上。gulp没有创建任何文件,但完成没有任何错误

当我执行命令glup vendor-build时,我得到没有错误。有什么我做错了吗?我从另一个stackoverflow问题得到了脚本。我试图寻找更多的东西,使我的代码工作,但找不到任何东西。我知道我错过了一些错误。

项目目录结构

enter image description here

gulpfile.js

var gulp = require('gulp'); 

// define plug-ins 
var flatten = require('gulp-flatten'); 
var gulpFilter = require('gulp-filter'); 
var uglify = require('gulp-uglify'); 
var minifycss = require('gulp-minify-css'); 
var rename = require('gulp-rename'); 
var mainBowerFiles = require('main-bower-files'); 
var concat = require('gulp-concat'); 

// Define paths variables 
var dest_path = 'app/static'; 

gulp.task('vendor-build', function() { 

     var jsFilter = gulpFilter('*.js', {restore: true}); 
     var cssFilter = gulpFilter('*.css', {restore: true}); 
     var fontFilter = gulpFilter(['*.eot', '*.woff', '*.svg', '*.ttf']); 

     return gulp.src(mainBowerFiles()) 
     .pipe(jsFilter) 
     .pipe(concat('vendor.js')) 
     .pipe(uglify()) 
     .pipe(rename({ 
      suffix: ".min" 
     })) 
     .pipe(gulp.dest(dest_path + '/js')) 
     .pipe(jsFilter.restore) 
     .pipe(cssFilter) 
     .pipe(concat('vendor.css')) 
     .pipe(minifycss()) 
     .pipe(rename({ 
      suffix: ".min" 
     })) 
     .pipe(gulp.dest(dest_path + '/css')) 
     .pipe(cssFilter.restore) 
     .pipe(fontFilter) 
     .pipe(flatten()) 
     .pipe(gulp.dest(dest_path + '/fonts')); 
}); 

回答

0

我能够通过改变gulpFilter行话参数来解决。但我不知道为什么它解决了这个问题。

var jsFilter = gulpFilter('**/*.js', {restore: true}); 
var lessFilter= gulpFilter('**/*.less', {restore: true}); 
var fontFilter = gulpFilter(['*.eot', '*.woff', '*.svg', '*.ttf']); 
相关问题