javascript - gulp-uncss 删除使用 javascript 添加的类

Question

我的 gulp-uncss gulp 配置是

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

return gulp.src('src/css/**/*.css')
    .pipe(uncss({
        html: ['src/**/*.html']
    }))
    .pipe(gulp.dest('dist/css'))
});

使用 uncss 从最终的 css 文件中删除“newClass”选择器，因为该类不直接在 .html 文件中使用，而是通过 js 动态添加。

document.getElementById('good').className += ' newClass';

编辑:我已经在使用/* uncss:ignore */来使其工作，但是每次为 .js 中存在但不在 .html 中存在的类添加此注释是没有意义的

Answer 1

也许，您可以在 js 中仅使用 is- 作为每个类的前缀，并在 gulp 任务中使用正则表达式添加忽略选项。

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

return gulp.src('src/css/**/*.css')
    .pipe(uncss({
        html: ['src/**/*.html'],
        ignore: [^\.is-.*]
    }))
    .pipe(gulp.dest('dist/css'))
});