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

Question

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

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

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

Answer 1

您可以在本地 Web 服务器上运行您的应用程序并将 uncss 的 html 属性指向该本地主机 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