Що таке вихідні карти (і чи потрібні вони)?

Останнє оновлення Гру 7, 2022

Зміст

Якщо ви працюєте над інтерфейсом сайту в будь-якій якості – будь то плагін, тема чи навіть щось поза межами WordPress – ви, ймовірно, працюєте з інструментами мініфікації.

Переваги очевидні, правда?

це зменшує корисне навантаження,
це дозволяє нам зосередитися на розвитку нашого місцевого середовища

Але одна з особливостей роботи з цими технологіями — це можливість генерувати вихідні карти.

І це викликає запитання (чи, можливо, два): що таке вихідні карти? І чи потрібні вони взагалі?

Ви можете стверджувати, що вже пізно говорити про це, але в галузь завжди приходять люди, які можуть не знати цього матеріалу.

Так чому б не покрити це?

Що таке вихідні карти?

Коротше кажучи, вихідні карти — це спосіб для сучасних браузерів отримати скорочений код і дозволити нам читати код у немініфікованому стані.

Наприклад, у проекті, над яким я працював, у мене є простий файл plugin-setting.scss, який мінімізується в plugin-setting.css. Потім цей файл додається до черги WordPress.

Однак у мене також є мій інструмент збірки, який генерує вихідну карту. Це означає, що у мене також є файл під назвою plugin-settings.css.map.

Отже, код, який постачається разом із плагіном, виглядає так:


form label{font-weight:normal}form input[type="text"],form textarea{width:100%}.admin-featurebox{background:#FFF;border:1px solid #CCC;margin:20px 0;padding:10px 20px}

/*# sourceMappingURL=plugin-settings.css.map */

Але при перегляді в браузері інструмент налагодження виглядає так:


form {
  label {
    font-weight: normal;
  }

  input[type="text"],
  textarea {
    width: 100%;
  }
}

.admin-featurebox {
  background:#FFF;
  border:1px solid #CCC;
  margin:20px 0;
  padding:10px 20px;
}

І вихідні карти можна генерувати як для таблиць стилів, так і для JavaScript.

Чи потрібні вони?

Я не можу дати конкретного «так» чи «ні» цьому; однак я зрозумів, що чим довше я працюю в цій галузі, а також над проектами, я вважаю, що вони набагато корисніші, ніж альтернатива (яка зазвичай додає в чергу немініфікований стиль для цілей налагодження).

Я рекомендую вам згенерувати їх і включити, оскільки це полегшує налагодження. Але чи потрібні вони чи ні, вирішуєте ви або ваша команда.

Джерело запису: tommcfarlin.com