gulp uncss移除类，该类使用javascript添加。

Question

我的吞咽配置是

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:忽略*/来使它工作，但是每次为.js中的类添加这个注释(而不是在.html中)，这是没有意义的。

Answer 1

也许，您可以在js is-中使用每个类的前缀，并在gulp任务中使用regex添加忽略选项。

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

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

Answer 2

我对Uncss也有同样的问题，唯一的方法就是使用忽略评论，这不是我认为是很好的解决方案。

我建议你尝试一下purifycss插件(https://www.npmjs.com/package/gulp-purifycss/)。您可以同时设置html和js文件，然后css是uncss ed或purify-ed，这就是我遇到问题时所寻找的内容。