web-dev-qa-db-fra.com

Comment utiliser les packages Bower dans Visual Studio 2017

Faites face à deux difficultés avec le gestionnaire de paquets bower en vs2017

  1. Dans Visual Studio 2017, vous ne pouvez trouver aucun fichier .bowerrc Sous bower.json, Alors comment définir la propriété de répertoire? Après l'installation via , l'interface de gestion des packages Bower , les packages stockent les fichiers dans le dossier bower_components

  2. Comment utiliser ces packages, comme dans les versions précédentes telles que VS 2013, écrivez la syntaxe dans BundleConfig.cs Pour gérer les packages clients comme ci-dessous. Maintenant, dans VS 2017, comment utiliser ces packages dans un projet ASP.NET MVC C # Core 2?

BundleConfig.cs:

public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/bower_components/jquery/dist/jquery.js",
                    "~/bower_components/jquery-file-upload/js/vendor/jquery.ui.widget.js",
                    "~/bower_components/jquery-file-upload/js/jquery.fileupload.js",
                    "~/bower_components/jquery-file-upload/js/jquery.iframe-transport.js")); 
    }
}

enter image description here

visual-studioasp.net-coreasp.net-core-mvcvisual-studio-2017bower
19
shamim

J'ai eu le même problème.

Dans le même dossier que votre fichier bower.json, Créez le fichier appelé .bowerrc. À l'intérieur, coller:

{
  "directory": "wwwroot/lib"
}
21
Liam

Right click your project solution -> Add New Item -> select Web on the left -> select Bower Configuration File on the list -> Add

Vous pouvez maintenant installer le nouveau package bower en cliquant avec le bouton droit de la souris sur votre solution -> gérer le package bower.

Plus de détails ci-dessous:

enter image description here

9
AnhNguyen

Au lieu de suggérer de créer manuellement le fichier bower.json qui sera vide au début:

  • Dans Visual Studio, cliquez avec le bouton droit sur le projet d'application Web et choisissez Open Command line> Default (CMD), Developer Command Prompt Ou PowerShell.

  • Si vous n'avez pas installé Bower, exécutez la commande npm install -g bower Dans l'invite de commande (requiert npm).

  • Exécutez la commande bower init Et suivez les instructions pour créer le fichier bower.json.

Si vous répondez oui à set currently installed components as dependencies ? Et que des packages sont déjà installés dans le dossier bower_components, Ils seront automatiquement ajoutés en tant que dépendances dans le fichier bower.json.

4
MartinF