Luo polun aliaksia React js: ssä

(13. syyskuuta 2020)

Tämä opetusohjelma opastaa sinua luomaan polku-aliaksia reaktioprojektiisi. Reittien aliasten luominen resursseille tai komponenteille tekee ulkoasusta puhtaamman ja kauniimman. Katso esimerkiksi alla oleva kuva ennen ja jälkeen.

Ennen
Jälkeen

Eikö se näytä puhtaammalta? Tämä sopii hyvin, jos projekti on iso ja sinun on tuotava paljon ja paljon tiedostoja ja komponentteja tiedostoon. Aloitetaan siis polun aliasten luominen reagoiviin j: iin.

Vaatimukset

  1. Avaa pääte projektin juurihakemistossa ja asenna reagoi-app-uudelleenkäynnistetty ja reagoi-app-rewire-alias dev-riippuvuutena.
npm install react-app-rewired react-app-rewire-alias --save-dev

2. Luo nyt juurihakemiston sisällä tiedosto nimeltä config-overrides.js ja liitä alla oleva koodi.

Tässä tuomme ensin {alias} osoitteesta react-app-rewire-alias. Sen jälkeen lisätään objekti, jonka avainarvoparit ovat alias missä avain on polun määritys ja arvo polku. Voit lisätä useita avainarvopareja eri määritelmälle ja polulle.

3. Avaa nyt package.json -tiedosto ja Käännä react-scriptsreact-app-rewired

4. Nyt voit käyttää uusia aliaksiasi React js -projektissasi.

5. Aloita projektisi npm start ja tarkista, toimiiko se vai ei.

Alla on viitteenä Github-arkisto.

Mediumtutorial/path-aliases-react-medium

Tämä projekti käynnistettiin käynnistämällä Create React -sovellus. Projektihakemistossa voit suorittaa: Suorittaa sovelluksen…

github.com