web-dev-qa-db-fra.com

Comment utiliser Bootstrap dans une application ASP.Net Core 2.0?

Je sais qu'il n'est pas recommandé d'utiliser Bower avec ASP.Net Core 2.0. Au lieu de cela, j'ai utilisé NuGet pour télécharger la dépendance Bootstrap dans mon projet. Par conséquent, je ne peux pas référencer les fichiers dans ma vue Mise en page comme je le faisais avec Bower en utilisant:

<link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />

J'essaie d'utiliser NuGet pour obtenir un code plus propre. Cependant, je n'arrive pas à pouvoir référencer ce package dans mon projet. Quelqu'un a-t-il une idée de la manière d'utiliser/de référence l'amorçage installé via NuGet dans une application ASP.Net Core 2.0?

5
Riad

Dans Visual Studio 2017 Preview , vous pouvez utiliser Gestionnaire de bibliothèques :

Library Manager (en abrégé «LibMan») est l’outil d’acquisition de bibliothèque côté client Expérimental de Visual Studio. Il fournit un mécanisme simple et léger Qui aide les utilisateurs à rechercher et à extraire des fichiers de bibliothèque à partir d'une source externe (Telle que CDNJS) et à les placer dans votre projet.

Bientôt, il sera disponible en version stable VS.

1
Alexan

Dans .NET Core, Nuget n'est plus adapté au déploiement de fichiers clients. C’était une décision de conception prise par Microsoft. Au lieu de cela, vous pouvez utiliser n'importe lequel des outils de génération/déploiement d'hôte de client, tels que npm, ou ma préférence est simplement de créer un lien vers les bibliothèques dont vous avez besoin via un emplacement CDN. Cela élimine les problèmes de déploiement et offre de meilleures performances à vos utilisateurs.

1
ssmith

Ajoutez les extensions "Package Installer" et "Bundler & Minifier" dans Visual Studio (toutes deux créées par Mads Kristensen)

Utilisez l’installateur de package pour installer les bibliothèques client à l’aide de «npm», qui est largement pris en charge.

Cela télécharge les fichiers dans un dossier node_modules situé à la racine de votre projet Web.

Utilisez Bundler & Minifier pour copier/regrouper/minifier à votre guise pour le développement et/ou la production à partir du dossier node_modules vers l'emplacement souhaité dans le dossier wwwroot.

0
Mark Redman

Commencez par installer un fichier de configuration nmp, puis ajoutez un bootstrap comme dans bower.json et enregistrez. Visual Studio va le télécharger. Ceci est disponible pour tous les forfaits. Vous pouvez trouver les packages installés dans le nœud nmp sous le nœud des dépendances de votre projet. Plus d'informations ici

0