Fazlalık CSS Temizleme Yöntemi

En iyi dediğiniz, önerdiğiniz yöntem nedir? Bazen html çalışmaları yaparken eski classların cssi vs kalıyor ya da ai ile çalışırsak aynı classa tekrar css yazabiliyor. Bunları en sağlıklı şekilde nasıl temizliyorsunuz?

https://webzara.com.tr/css-minifier

kendi websitem buyrun hocam 🫡

Hocam böyle bi site denedim de sadece boşlukları siliyor sanırım öyle bir şey değil de daha çok kullanılmayan veya tekrar eden classları toparlayan bir araç arıyorum.

öyle bir yöntem veya online tool bulabilirseniz ben de yeni bir şey öğrenmiş olurum

Ben de geçmişte bunu çok araştırdım ancak kesin bir yolu yok hocam

yapay zeka editörlerine yaptırılabilir aslında güzel bir prompt ile kullanılmayan cssleri sil diyerek sildirebilirsiniz.

Windsurfde cursorde kullandım bu konuda pek iyi değiller ya

büyük ihtimalle proje, dosya büyüklüğüne göre değişebilir. Biraz baktımda gulp kullanarak yapılabiliyormuş. gulp-purgecss pluginini kullanarak yapabilirsin bir bak istersen.
https://gulpjs.com/plugins buradan pluginleri bulabilirsin. ChatGPT'nin verdiği örnek kod aşağıda test edebilirsin istersen ben denemedim düzgün çalışıp, çalışmadığını bilmiyorum.

const gulp = require('gulp');
const purgecss = require('gulp-purgecss');
const cleanCSS = require('gulp-clean-css');

// CSS temizleme görevi
gulp.task('purgecss', function () {
  return gulp.src('src/css/**/*.css') // CSS dosyalarının yolu
    .pipe(purgecss({
      content: ['src/**/*.html', 'src/**/*.js', 'src/**/*.php'], // HTML, JS, PHP gibi kaynak dosyalar
      safelist: ['active', /^nav-/] // Silinmemesi gereken class'lar
    }))
    .pipe(cleanCSS({ compatibility: 'ie8' })) // Minify işlemi
    .pipe(gulp.dest('dist/css')); // Temizlenmiş CSS'in çıktısı
});

cline sanırım bunu yapar hocam

Prompt olarak

@Dosyaadi.html içerisinde ki bütün css leri başka bir dosyaya yazdır daha sonra @css.cs ile bu listeyi karşılaştır ve listede olmayan css leri temizle" gibi.