Как использовать gulp-uncss для просмотра файлов javascript и шаблонов.dust

Мое приложение использует шаблон пыли, шаблон HTML, а также JavaScript для построения представления. У меня есть много кода в JavaScript, который добавляет / удаляет класс CSS на основе бизнес-логики. Также это приложение довольно старое, поэтому я хотел избавиться от всего неиспользуемого кода CSS.

Я пытался использовать gulp-uncss ( https://www.npmjs.com/package/gulp-uncss), однако он принимает только файл.html в качестве поиска. Он не принимает файлы.dust или.js для поиска, и из-за этого много используемого класса css также удаляется.

Существует ли какой-либо инструмент / библиотека с открытым исходным кодом, который можно использовать, чтобы избавиться от неиспользуемых CSS, просматривая файлы HTML, JS или Dust.

1 ответ

Вы можете запустить свое приложение на локальном веб-сервере и указать html- свойство uncss на этот локальный 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

Другие вопросы по тегам