运行 gulp-clean-css gulp-inline 中的选项

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

简单地传递一个函数，returns 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))
});

运行 gulp-clean-css gulp-inline 中的选项

run gulp-clean-css options in gulp-inline

gulp

gulp-clean-css