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.

10 gratis hulpmiddelen voor het maken van uw eigen kaarten

Kaarten zijn om veel redenen handig. Niet alleen helpen ze ons om door bepaalde gebieden te navigeren, ze stellen ons ook in staat om meer te weten te komen over de wereld en wat het te bieden heeft . Wat als je iemand bent die in plaats daarvan een kaart wil maken?Natuurlijk zijn er Google Map en Google Earth om u te helpen, maar er zijn ook andere tools om uit te kiezen

(Technische en ontwerptips)

Essentiële apps voor koffieliefhebbers [Infographic]

We hebben allemaal iets waardoor we de dag doorkomen. Voor een flink aantal van ons is het koffie die ons de geest en energie geeft om boven de tegenspoed van opdoemende deadlines en projecten uit te stijgen . Wat kan tenslotte onze ziel meer kalmeren dan de geruststellende geur en smaak van een goede kop thee

(Technische en ontwerptips)