2016-06-07 10 views
1

Wie gehe ich vor, um Optionen für ein geschachteltes Plugin in Schluck zu konfigurieren? Ich habe eine Schluckaufgabe, die gulp-inline benutzt, um irgendwelche css und js zu verbinden.run gulp-clean-css Optionen in gulp-inline

schluck-Inline hat Optionen, um einen CSS-Prozessor

gulp.task('html', function() { 

    gulp.src(source + '**/*.+(html|php)') 
    .pipe($.plumber()) 
    .pipe($.inline({ 
     base: source, 
     js: $.uglify, 
     css: $.cleanCss, 
     disabledTypes: ['svg', 'img'] 
    })) 
    .pipe(gulp.dest(build)) 
}); 

Ideale zu setzen, wenn die Aufgabe ausgeführt wird Ich mag würde Konfigurationsoptionen für die CSS erklären und js

gulp.task('html', function() { 

    gulp.src(source + '**/*.+(html|php)') 
    .pipe($.plumber()) 
    .pipe($.inline({ 
     base: source, 
     js: $.uglify, 
     css: $.cleanCss({ 
      keepBreaks: false, 
      advanced: false, 
      keepSpecialComments: '*', 
      aggressiveMerging: false 
     }), 
     disabledTypes: ['svg', 'img'] 
    })) 
    .pipe(gulp.dest(build)) 
}); 

Antwort

1

einfach eine Funktion übergeben das die cleanCss Transformation zurückgibt:

gulp.task('html', function() { 
    gulp.src(source + '**/*.+(html|php)') 
    .pipe($.plumber()) 
    .pipe($.inline({ 
     base: source, 
     js: $.uglify, 
     css: function() { 
      return $.cleanCss({ /* options */ }); 
     }, 
     disabledTypes: ['svg', 'img'] 
    })) 
    .pipe(gulp.dest(build)) 
});