Hoe projecten te configureren en te versterken met behulp van Bower

In deel 1 van onze Bower-serie hebben we u de essentiële functies van Bower getoond, waaronder het installeren, bijwerken en verwijderen van website-bibliotheken. Afgezien van deze biedt Bower ook enkele flexibiliteit. Hier zullen we u laten zien hoe u Bower kunt configureren en uw projecten ermee kunt versterken .

Wijzig de Bower Directory

Standaard maakt Bower een nieuwe mapnaam aan : bower_components . Als de naam u niet aanspreekt, kunt u deze wijzigen.

Eerst moeten we een nieuw bestand maken met de naam .bowerrc . Voeg vervolgens de volgende regel toe.

 {"map": "componenten"} 

Het vertelt Bower om de bibliotheken te maken en op te slaan die zijn geïnstalleerd in de map met de naam componenten .

Bower JSON

Bower JSON is een bestand dat uw project definieert als een Bower-pakket. Het bestand specificeert de projectnaam, de versie, de projectafhankelijkheden en informatie die zeer nuttig is om uw project bij te houden en te documenteren .

Om dit bestand te maken, navigeert u naar uw projectdirectory en typt u bower init . U wordt gevraagd om verschillende opties en vragen, inclusief de name (van uw project). Hoewel de restopties optioneel zijn, zou ik willen voorstellen dat u het volgende invult: description, version, main die de primaire bestanden van het project definieert, author, license, homepage en dependencies die de bibliotheken zijn waar uw project op vertrouwt.

Als u de bibliotheken al in bower_components hebt geïnstalleerd, kunt u Y selecteren als wordt gevraagd " stel momenteel geïnstalleerde componenten in als afhankelijkheden?" “; Bower registreert ze automatisch als de afhankelijkheden in het bestand.

Bower zal u de inhoud tonen voordat het bestand wordt aangemaakt. Als het er goed uitziet, kunt u typen Y ...

... en een nieuw bestand met de naam bower.json wordt aangemaakt in uw projectdirectory.

Oude projecten exporteren naar Bower

Nu u weet dat Bower een geweldig hulpmiddel is om u te helpen bij het beheer van uw projecten, wilt u het misschien gebruiken in uw vorige projecten. Typisch, in uw oude projecten, hebt u de bibliotheken op deze manier binnen de .

Als we dit als voorbeeld nemen, kunnen we hier zien dat het project afhankelijk is van jQuery, Normalize en Accounting.js (zie onze vorige tutorial, Numerieke indeling met Accounting.Js).

Laten we dus bower init in dit project. Open vervolgens de bower.json en definieer deze als de afhankelijkheden.

 "afhankelijkheden": {"jQuery": "1.10.2", "normalize-css": "3.0.1", "accounting": "0.3.2"} 

Voer vervolgens het bower install commando uit. Hiermee wordt bower.json gescand en de bibliotheken geïnstalleerd die worden vermeld onder dependencies .

U kunt veilig de oude bibliotheken verwijderen en ze koppelen aan de componentendirectory van Bower. En iedereen die later het project zal uitvoeren, kan de bibliotheken gemakkelijk installeren en bijwerken met Bower-opdrachten.

Afronden

Bower geeft ons veel configuraties, waarvan we de meeste hier niet volledig kunnen behandelen. Om meer van de opdrachtregels te verkennen, kunt u bower help het hulpprogramma Bower bower help die de andere Bower-hulpprogramma's zal retourneren. Ten slotte kunt u Bower op elke projectschaal (klein of groot) gebruiken. Het zou nuttig moeten zijn om het project beter beheersbaar te maken.

Christmas Gift Wrapping - 28 tutorials om het te doen likeaboss

We willen allemaal dat onze geschenken voor onze geliefden uniek zijn, maar vaak vergeten we dat anticipatie ook belangrijk is! De volgende keer dat je iemand cadeau doet, wikkel hem dan niet gewoon in een gewone geschenkverpakking of doos, doe iets anders en stop je mooie geschenk in een mooie geschenkverpakking

(Technische en ontwerptips)

Fluit om telefoongesprekken te beantwoorden met automatisch antwoord [Android]

Praten over de telefoon tijdens het rijden is absoluut niet aan te raden en is zelfs illegaal in sommige delen van de wereld, maar er zijn momenten dat je gewoon deze oproep moet aannemen of apps moet starten terwijl je achter het stuur van een auto zit. Het gevaar zit in het omgaan met de telefoon wanneer u uw handen op het stuur moet hebben en uw aandacht op de weg

(Technische en ontwerptips)