Wie ändere ich den Standardkomponentenordner von bower?

Ich mache ein neues Projekt, das Bower von Twitter verwendet. Ich habe eine erstellt component.json, um alle meine Abhängigkeiten wie jquery aufrechtzuerhalten. Dann bower installstarte ich das installiert alles in einem Ordner namens components. Aber ich muss die Komponenten in einem anderen Ordner installieren, z public/components.

Ich habe versucht, meine components.json in Folgendes zu bearbeiten:

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

oder:

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

wie in https://github.com/twitter/bower/pull/94 gezeigt, aber es funktioniert nicht.

Erstellen Sie eine Bower-Konfigurationsdatei.bowerrc im Projektstamm (im Gegensatz zu Ihrem Home-Verzeichnis) mit folgendem Inhalt:

{
  "directory" : "public/components"
}

Führen Sie bower installerneut aus.

Neben der Bearbeitung .bowerrczum Einrichten Ihres Standardinstallationspfads können Sie auch benutzerdefinierte Installationspfade für verschiedene Dateitypen einrichten.

Es gibt ein Knotenpaket namens bower-installer , das einen einzigen Befehl zum Verwalten alternativer Installationspfade bereitstellt.

Lauf npm install -g bower-installer

Richten Sie Ihre bower.json ein

{
  "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"
      ]
    }
  }
}

Führen Sie den folgenden Befehl aus: bower-installer

Dies installiert components/jquery-ui/themes/start/jquery-ui.csszu ./src/css, etc

Ich hatte das gleiche Problem unter Windows 10. Dies hat mein Problem behoben

1. Löschen Sie bower_componentsin Ihrem Stammordner
2. Erstellen Sie eine .bowerrcDatei im Stammverzeichnis
3. Schreiben Sie diesen Code in die Datei {"directory" : "public/bower_components"}
4. Führen Sie a bower install

Der Ordner bower_components sollte jetzt in Ihrem öffentlichen Ordner angezeigt werden

Etwas Erwähnenswertes ...

Wie oben von anderen Mitwirkenden erwähnt, wird eine .bowerrcDatei mit dem JSON verwendet

{ "directory": "some/path" }

ist erforderlich - Beim Erstellen dieser Datei kann es jedoch unter Windows zu Problemen kommen. Wenn Sie in Windows aufgefordert werden, einen " Dateinamen " hinzuzufügen , verwenden Sie einfach einen Texteditor / eine IDE wie Notepad ++.

Fügen Sie den JSON zu einer unbenannten Datei hinzu, speichern Sie ihn als .bowerrc - los geht's!

Wahrscheinlich eine einfache Annahme, aber ich hoffe, dies erspart anderen die unnötigen Kopfschmerzen :)

Versuchen Sie, die components.jsonDatei im publicVerzeichnis Ihrer Anwendung und nicht im Stammverzeichnis abzulegen, und führen Sie sie dann erneut aus bower install. Versuchen Sie dies in Ihrem App-Ausgangsverzeichnis:

cp components.json public
cd public
bower install

Hallo, ich bin das gleiche Problem und löse diese Wege.

Windows User und vs können keine .bowerrc-Datei erstellen.

in cmd gehe in einen beliebigen Ordner

Installieren Sie beispielsweise alle Pakete, die die .bowerrc-Datei enthalten

bower install angular-local-storage

Dieses Plugin enthält eine .bowerrc-Datei. Kopieren Sie das und gehen Sie zu Ihrem Projekt und fügen Sie diese Datei ein.

und in Visual Studio - Solution Explorer - alle Dateien anzeigen und die gesehene .bowerrc-Datei des Projekts einschließen

Ich löse diese Wege :)