Что такое исходные карты (и нужны ли они)?

Последнее обновление Авг 9, 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