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

【问题标题】：How to use gulp-uncss to also look into javascript file and .dust templates如何使用 gulp-uncss 查看 javascript 文件和 .dust 模板
【发布时间】：2015-05-26 20:48:25
【问题描述】：

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

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

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

【问题讨论】：

我非常怀疑这是可能的，你怎么知道在 js 中寻找什么？一些可能的选项： 1. 从其他来源手动添加正在使用的类到 uncss 选项。 2. js执行完毕后运行uncss。当然，如果您在运行时添加了任何类，这将不起作用。
嗯...感谢您分享您的想法。

标签： javascript jquery css uncss gulp-uncss

【解决方案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

【讨论】：