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.

18 Blatante productplaatsingen in films en tv die u waarschijnlijk hebt gemist

Er is overal reclame . Reclames op tv, billboards aan de overkant van de snelweg, pagina-lange krantenadvertenties, de gevreesde pop-ups van internet. Waar je ook bent, je kunt gewoon niet ontsnappen aan de dingen. Welk medium u ook bedenkt, de kans is groot dat het wordt bedekt met Verizon-advertenties die u de supersnelle internetdienst verkopen (mag ik nu mijn geld hebben

(Technische en ontwerptips)

Hoe erachter te komen wie achter dat e-mailadres zit

Stel je dit voor. Je hebt een e-mail ontvangen waarin je beweert dat je een prijs of bedrag hebt gewonnen met een loting of misschien heb je een e-mail ontvangen die er best interessant uitziet. Voordat u kunt vertrouwen op het bericht dat via e-mail wordt overgebracht en voordat u uw antwoord verzendt, is het belangrijk dat u de persoon identificeert die aan deze e-mail is gekoppeld

(Technische en ontwerptips)