Mitä ovat lähdekartat (ja tarvitaanko niitä)?

Viimeisin päivitys joulu 7, 2022

Sisältö

Jos työskentelet sivuston käyttöliittymässä missä tahansa ominaisuudessa – olipa kyse laajennuksesta, teemasta tai jopa jostain WordPressin ulkopuolelta – työskentelet todennäköisesti minimointityökalujen kanssa.

Edut ovat ilmeisiä, eikö?

se vähentää hyötykuormaa,
sen avulla voimme keskittyä paikallisten ympäristöjemme kehittämiseen

Mutta yksi ominaisuuksista, jotka tulevat näiden tekniikoiden kanssa työskentelyyn, on kyky luoda lähdekarttoja.

Ja tämä herättää kysymyksen (tai ehkä kaksi): Mitä ovat lähdekartat? Ja tarvitaanko niitä edes?

Voit väittää, että on myöhäistä puhua tästä, mutta alalle tulee aina ihmisiä, jotka eivät ehkä tiedä tätä materiaalia.

Joten miksi ei peitä sitä?

Mitä ovat lähdekartat?

Lyhyesti sanottuna lähdekartat ovat tapa, jolla nykyaikaiset selaimet voivat ottaa pienennetyn koodin ja antaa meille mahdollisuuden lukea koodia sen pienentämättömässä tilassa.

Esimerkiksi projektissa, jonka parissa olen työskennellyt, minulla on yksinkertainen tiedosto, plugin-setting.scss, joka pienennetään muotoon plugin-setting.css. WordPress lisää tämän tiedoston jonoon .

Minulla on kuitenkin myös rakennustyökaluni, joka luo lähdekartan. Tämä tarkoittaa, että minulla on myös tiedosto nimeltä plugin-settings.css.map.

Joten laajennuksen mukana toimitettu koodi näyttää tältä:

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

Mutta selaimessa tarkasteltuna virheenkorjaustyökalu näyttää tältä:

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 lähdekarttoja voidaan luoda sekä tyylisivuille että JavaScriptille.

Tarvitaanko niitä?

En voi antaa tälle erityistä kyllä tai ei; Olen kuitenkin huomannut, että mitä pidempään työskentelen tällä alalla, ja projekteissa, ne ovat mielestäni paljon hyödyllisempiä kuin vaihtoehdot (joka on yleensä jonottamaton tyyli virheenkorjaustarkoituksiin).

Suosittelen luomaan ne ja sisällyttämään ne, koska se helpottaa virheenkorjausta. Mutta se, tarvitaanko niitä vai ei, on sinun tai tiimisi päätettävissä.

: tommcfarlin.com