在 gulp-inline 中运行 gulp-clean-CSS 选项

Question

如何在gulp中配置嵌套插件的选项？我有一个 gulp 任务，它使用 gulp-inline 来内联任何 css 和 js。

gulp-inline 具有设置 CSS 处理器的选项

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))
});

理想情况下，在运行任务时，我想声明 css 和 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))
});

Answer 1

只需传递一个返回cleanCss转换的函数：

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))
});