how javascript components sass organization bower

javascript - how - ¿Instalar componentes Bower en dos directorios diferentes?



how to get an instagram client id (3)

Bower necesita realizar un seguimiento de cada componente que instale. Eso sería muy difícil si se dividieran en varias ubicaciones. Para el desarrollo de Sass, simplemente coloque la carpeta de componentes en la ruta de búsqueda de Sass.

Hay tareas difíciles que pueden ayudarlo a dividirlo si insiste en hacerlo:

(aunque no recomendado)

Cuando se utilizan componentes CSS y JS, ¿es posible, o incluso, tiene sentido instalarlos en directorios diferentes?

. |-- app |-- scripts |-- components # js components go here |-- backbone-amd |-- etc |-- styles |-- modules |-- partials |-- components # sass components go here |-- normalize.scss |-- etc

¿Cuál es la forma más eficiente de estructurar un proyecto organizado como tal? ¿Existe una buena tarea de Grunt para lograr el objetivo de integrar los componentes de Sass instalados en bower para un entorno de desarrollo?


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

Luego ejecute el comando bower-installer .

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


Tal vez puede tener archivos .bowerrc en directorios diferentes, donde puede configurar la tecla "directory" para que apunte al directorio de componentes de la .bowerrc .

Pero necesitará cd para corregir el directorio antes de bower install whatever :

app/ scripts/ .bowerrc styles/ .bowerrc tests/ .bowerrc