Mis on allikakaardid (ja kas neid on vaja)?

Viimati uuendatud dets. 7, 2022

Sisu

Kui töötate saidi esiosas mis tahes võimsusega – olgu selleks pistikprogramm, teema või isegi midagi väljaspool WordPressi –, töötate tõenäoliselt minimeerimistööriistadega.

Kasu on ilmselge, eks?

see vähendab kasulikku koormust,
see võimaldab meil keskenduda kohaliku keskkonna arendamisele

Kuid üks funktsioonidest, mis nende tehnoloogiatega töötamisel kaasas on, on allikakaartide genereerimise võimalus.

Ja see tõstatab küsimuse (või võib-olla kaks): mis on lähtekaardid? Ja kas neid üldse vaja on?

Võite väita, et sellest rääkimiseks on juba hilja, kuid alati siseneb tööstusesse inimesi, kes ei pruugi seda materjali tunda.

Miks siis mitte seda katta?

Mis on allikakaardid?

Lühidalt öeldes on lähtekaardid moodsad brauserid viis, kuidas võtta minimeeritud kood ja võimaldada meil lugeda koodi selle minimeerimata olekus.

Näiteks projektis, mille kallal olen töötanud, on mul lihtne fail plugin-setting.scss, mis muudetakse failiks plugin-setting.css. Seejärel lisab WordPress selle faili järjekorda .

Siiski on mul ka oma ehitustööriist, mis genereerib lähtekaardi. See tähendab, et mul on ka fail nimega plugin-settings.css.map.

Seega näeb pistikprogrammiga kaasas olev kood välja järgmine:


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 */

Kuid brauserites silumistööriist näeb välja selline:


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;
}

Ja allikakaarte saab genereerida nii stiilitabelite kui ka JavaScripti jaoks.

Kas neid on vaja?

Ma ei saa sellele konkreetset jah või ei öelda; Siiski olen leidnud, et mida kauem ma selles valdkonnas töötan, ja projektide puhul on need minu arvates palju kasulikumad kui alternatiivid (mis on tavaliselt silumisotstarbel silumata stiili järjekorda panemine).

Soovitan need genereerida ja kaasata, sest see teeb silumise lihtsamaks. Kuid see, kas neid on vaja või mitte, on teie või teie meeskonna otsustada.

: tommcfarlin.com