node.js - nodejs - ¿Cómo cambiar la carpeta de componentes por defecto de Bower?

npm

Question

Estoy haciendo un nuevo proyecto que usa bower de twitter. Creé un component.json para mantener toda mi dependencia como jquery. Luego ejecuto bower install que instala todo en una carpeta llamada components . Pero necesito instalar los componentes en una carpeta diferente, por ejemplo, public/components .

He intentado editar mis componentes.json en:

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

o:

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

como se muestra en https://github.com/twitter/bower/pull/94 pero no funciona.

Answer 1

Algo que vale la pena mencionar ...

Como lo mencionaron otros colaboradores, usando un archivo .bowerrc con JSON

{ "directory": "some/path" }

es necesario: SIN EMBARGO, puede tener un problema en Windows al crear ese archivo. Si Windows le da un mensaje pidiéndole que agregue un " nombre de archivo ", simplemente use un editor de texto / IDE como Notepad ++.

Agregue el JSON a un archivo sin nombre, guárdelo como .bowerrc , ¡está listo!

Probablemente sea una suposición fácil, pero espero que esto salve a otros el dolor de cabeza innecesario :)

Answer 2

Además de editar .bowerrc para configurar su ruta de instalación predeterminada, también puede configurar rutas de instalación personalizadas para diferentes tipos de archivos.

Hay un paquete de nodo llamado bower-installer que proporciona un solo comando para administrar rutas de instalación alternativas.

ejecutar npm install -g bower-installer

Configura tu 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"
      ]
    }
  }
}

Ejecuta el siguiente comando: bower-installer

Esto instalará los components/jquery-ui/themes/start/jquery-ui.css en ./src/css , etc.

Answer 3

Cree un archivo de configuración Bower .bowerrc en la raíz del proyecto (a diferencia de su directorio de inicio) con el contenido:

{
  "directory" : "public/components"
}

Ejecute bower install nuevo.

Answer 4

Eliminar la carpeta de componentes de su raíz.

Cree un archivo (.bowerrc) en la raíz (este es un archivo oculto si es linux)

En este archivo (.bowerrc) escribe el siguiente código

{"directorio": "público / componentes"}

Ejecutar comando: instalar bower

Debería ver la carpeta de componentes en su carpeta pública ahora

Answer 5

Hola soy el mismo problema y resuelvo de esta manera.

usuario de Windows y vs cant''create archivo .bowerrc.

en cmd ve cualquier carpeta

instale cualquier paquete que contenga el archivo .bowerrc por ejemplo

bower install angular-local-storage

Este plugin contiene el archivo .bowerrc. copia eso y ve a tu proyecto y pega este archivo.

y en visual studio - explorador de soluciones: muestra todos los archivos e incluye el archivo .bowerrc del proyecto visto

Resuelvo estas formas :)

Answer 6

Intente colocar el archivo components.json en el directorio public de su aplicación, en lugar del directorio raíz, luego vuelva a ejecutar bower install ... intente esto en el directorio de inicio de su aplicación:

cp components.json public
cd public
bower install

Answer 7

Tuve el mismo problema en mi Windows 10. Esto es lo que solucionó mi problema

1. Elimina bower_components en tu carpeta raíz
2. Crear un archivo .bowerrc en la raíz
3. En el archivo, escriba este código {"directory" : "public/bower_components"}
4. Ejecutar una bower install

Debería ver la carpeta bower_components en su carpeta pública ahora