web-dev-qa-db-fra.com

Installer des composants Bower dans deux répertoires différents?

Lorsque vous utilisez des composants CSS et JS, est-il possible ou même logique de les installer dans des répertoires différents?

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

Quel est le moyen le plus efficace de structurer un projet organisé comme tel? Existe-t-il une bonne tâche Grunt pour atteindre l’objectif d’intégration des composants sass installés par bower dans un environnement de développement?

javascriptcomponentssassorganizationbower
26
Robb Schiller

Bower doit suivre chaque composant que vous installez. Ce serait très difficile si elles étaient divisées en plusieurs endroits. Pour le développement Sass, il suffit de placer le dossier des composants dans le chemin de recherche Sass.

Il y a des tâches difficiles qui peuvent vous aider à les séparer si vous insistez pour le faire:

(bien que non recommandé)

14
Sindre Sorhus

Il existe un package de nœud appelé bower-installer qui fournit une commande unique pour la gestion des chemins d’installation alternatifs.

exécuter 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"
      ]
    }
  }
}

Ensuite, exécutez la commande bower-installer.

Ceci installera components/jquery-ui/themes/start/jquery-ui.css en ./src/css, etc.

13
lfender6445

Peut-être que vous pouvez avoir des fichiers .bowerrc dans différents répertoires, où vous pouvez configurer la clé "directory" pour pointer vers le répertoire des composants bower.

Mais vous devrez cd pour corriger le répertoire avant bower install whatever:

app/
  scripts/
    .bowerrc
  styles/
    .bowerrc
tests/
  .bowerrc
0
Michael Vashchinsky