#angular #sass #technical-debt #design-debt
Вопрос:
У нас довольно большой угловой сайт, который использует множество отдельных файлов .scss. Они существуют уже много лет и прошли через руки десятков и десятков разработчиков и бесчисленных изменений сайтов, и, что ж, у нас много раздутого.
Мне поручено попытаться уменьшить это раздувание и изо всех сил попытаться найти процесс/инструмент, который фактически решает эту проблему в самих исходных файлах.
В других словах я вижу множество решений, таких как purgeCSS, которые удаляют все неиспользуемые CSS из посткомпилированных уменьшенных файлов-что, безусловно, хорошо, но это не решает основную проблему, связанную с тем, что наши исходные файлы громоздки и полны неиспользуемого мусора.
Я не возражаю против очистки вручную-и, на самом деле, скорее всего, предпочитаю делать это таким образом, — но я еще не нашел инструмента, который действительно мог бы создать отчет для сравнения моих исходных файлов sass с полностью скомпилированным сайтом.
Есть еще один нюанс, который, как я подозреваю, неразрешим, если не считать большой ручной работы, поскольку часть нашего HTML находится в нашей CMS, поэтому даже часть кода не компилируется локально.
Я думаю, что спрашиваю, существуют ли программные решения, которые могут выполнять следующее:
- сканирование файлов .scss в нашей локальной системе
- просмотрите HTML — код, созданный нашим скомпилированным приложением angular, для классов и идентификаторов
- создайте отчет, который покажет нам, какие классы и идентификаторы в наших файлах .scss нигде не найдены в нашем HTML
Я хотел бы также решить проблему HTML в CMS, но я думаю, что в конечном итоге это должен быть совершенно отдельный процесс.