javascript - 如何使用 gulp-uncss 查看 javascript 文件和 .dust 模板

Question

我的应用程序使用灰尘模板、HTML 模板和 javascript 来构建视图。我在 javascript 中有很多代码，它们根据业务逻辑添加/删除 css 类。这个应用程序也很旧，因此我想摆脱所有未使用的 css 代码。

我尝试使用 gulp-uncss ( https://www.npmjs.com/package/gulp-uncss ) 但它只接受 .html 文件作为查找。它不接受 .dust 或 .js 文件进行查找，并且由于大量使用的 css 类也被丢弃。

是否有任何开源工具/库可用于通过查看 html、js 或灰尘文件来摆脱未使用的 css。

Answer 1

您可以在本地 Web 服务器上运行您的应用程序，并将uncss的html属性指向该 localhost URL：

var gulp = require('gulp');
var uncss = require('gulp-uncss');

gulp.task('default', function() {
    return gulp.src('site.css')
        .pipe(uncss({
            html: ['http://localhost:3000/']
        }))
        .pipe(gulp.dest('./out'));
});

来源：https ://github.com/ben-eb/gulp-uncss/issues/28