Дерево дергается нахаль

Question

У меня большой проект со многими старыми / неиспользуемыми файлами SCSS. Есть ли способ, с помощью node-sass или libsass, потрясти дерево или удалить все файлы, которые не использовались при компиляции?

Или есть способ просто вывести список всех файлов, использованных в компиляции, чтобы я мог перекрестные ссылки?

edit: хотя, кажется, есть решения для удаления неиспользуемых стилей из вывода сборки sass, я все еще не вижу эффективного способа удаления неиспользуемых входных файлов

Answer 1

При использовании sass, если для параметра :line_comments установлено значение true, сгенерированный вывод будет содержать номер строки и исходный файл , в котором определено каждое правило. Вы должны получить вывод как:

/* line 20, sass/_reset.sass */
body {
  line-height: 1;
  color: black;
  background: white;
}

При использовании node-sass опция sourceComments: true.

gulp.task('styles', function() {
    return gulp.src('src/sass/**/*.scss')
    .pipe(sass({ 
        style: 'expanded',
        sourceComments: true
    }))
    .pipe(gulp.dest('path/to/file.css'))

Итак, сделайте что-нибудь подобное, тогда вы можете сделать:

grep '^/\* line \d*, .*\*/' path/to/file.css

и вы получите вывод как:

path/to/file.css:/* line 20, sass/_reset.sass */

И тогда вам просто нужно написать сценарий для удаления файлов, которые не отображаются в этом списке.

Answer 2

Здесь вы найдете сценарий оболочки. Для SCSS и менее. следуйте этой инструкции
1. создать файл с .sh с помощью этого скрипта
2. запустите chmod + x ./your-file.sh
3. запустить ./your-file.sh меньше / sass

надеюсь, это поможет вам
спасибо.