Установить компоненты Bower в два разных каталога?

При использовании компонентов CSS и JS возможно ли это или даже имеет смысл установить их в разные каталоги?

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

Каков наиболее эффективный способ структурирования проекта, организованного как таковой? Есть ли хорошая задача Grunt для достижения цели интеграции компонентов sass, установленных sass для среды разработки?

Ответ 1

Bower должен отслеживать каждый компонент, который вы устанавливаете. Это было бы очень сложно, если бы они были разделены в нескольких местах. Для разработки Sass просто поместите папку компонентов в путь поиска Sass.

Есть задания grunt, которые могут помочь вам разделить его, если вы настаиваете на этом:

(хотя и не рекомендуется)

Ответ 2

Существует пакет node, называемый bower-installer, который предоставляет единую команду для управления альтернативными путями установки.

запустить npm install -g bower-installer

Настройте свой 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"
      ]
    }
  }
}

Затем запустите команду bower-installer.

Это установит components/jquery-ui/themes/start/jquery-ui.css в ./src/css и т.д.

Ответ 3

Возможно, у вас могут быть файлы .bowerrc в разных каталогах, где вы можете настроить "directory", чтобы указать на каталог компонентов bower.

Но вам нужно cd исправить каталог до bower install whatever:

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