Comment changer le dossier des composants par défaut de Bower?

Je fais un nouveau projet qui utilise bower de twitter. J'ai créé un component.jsonpour maintenir toute ma dépendance comme jquery. Ensuite, je lance bower installqui installe tout dans un dossier nommé components. Mais je dois installer les composants dans un dossier différent, par exemple public/components.

J'ai essayé d'éditer mon components.json en:

{
  "name": "test",
  "version": "1.0.0",
  "directory": "public/",
  "dependencies": {
    "jquery": "*"
  }
}

ou:

{
  "name": "test",
  "version": "1.0.0",
  "componentsDirectory": "public/",
  "dependencies": {
    "jquery": "*"
  }
}

comme indiqué dans https://github.com/twitter/bower/pull/94 mais cela ne fonctionne pas.

Créez un fichier de configuration Bower.bowerrc à la racine du projet (par opposition à votre répertoire personnel) avec le contenu:

{
  "directory" : "public/components"
}

Réexécutez bower install.

Outre la modification .bowerrcpour configurer votre chemin d'installation par défaut, vous pouvez également configurer des chemins d'installation personnalisés pour différents types de fichiers.

Il existe un package de nœuds appelé bower-installer qui fournit une commande unique pour gérer les chemins d'installation alternatifs.

courir npm install -g bower-installer

Configurez votre bower.json

{
  "name" : "test",
  "version": "0.1",
  "dependencies" : {
    "jquery-ui" : "latest"
  },
  "install" : {
    "path" : {
      "css": "src/css",
      "js": "src/js"
    },
    "sources" : {
      "jquery-ui" : [
        "components/jquery-ui/ui/jquery-ui.custom.js",
        "components/jquery-ui/themes/start/jquery-ui.css"
      ]
    }
  }
}

Exécutez la commande suivante: bower-installer

Cela va installer components/jquery-ui/themes/start/jquery-ui.csssur ./src/css, etc.

J'ai eu le même problème sur mes fenêtres 10. C'est ce qui a résolu mon problème

1. Supprimer bower_componentsdans votre dossier racine
2. Créer un .bowerrcfichier à la racine
3. Dans le fichier, écrivez ce code {"directory" : "public/bower_components"}
4. Exécutez un bower install

Vous devriez maintenant voir le dossier bower_components dans votre dossier public

Quelque chose qui mérite d'être mentionné ...

Comme indiqué ci-dessus par d'autres contributeurs, l'utilisation d'un .bowerrcfichier avec le JSON

{ "directory": "some/path" }

est nécessaire - CEPENDANT, vous pouvez rencontrer un problème sur Windows lors de la création de ce fichier. Si Windows vous donne un message vous invitant à ajouter un " nom de fichier ", utilisez simplement un éditeur de texte / IDE tel que Notepad ++.

Ajoutez le JSON à un fichier sans nom, enregistrez-le sous .bowerrc - vous êtes prêt à partir!

Probablement une hypothèse facile, mais j'espère que cela évitera aux autres les maux de tête inutiles :)

Essayez de placer le components.jsonfichier dans le publicrépertoire de votre application, plutôt que dans le répertoire racine, puis réexécutez bower install... essayez ceci dans le répertoire de base de votre application:

cp components.json public
cd public
bower install

Salut, je suis le même problème et résoudre de cette façon.

utilisateur Windows et fichier cant'create .bowerrc.

dans cmd aller dans n'importe quel dossier

installez tous les packages contenant le fichier .bowerrc par exemple

bower install angular-local-storage

ce plugin contient le fichier .bowerrc. copiez cela et allez dans votre projet et collez ce fichier.

et dans visual studio - solution explorer - afficher tous les fichiers et inclure le projet vu le fichier .bowerrc

je résous de cette façon :)