web-dev-qa-db-ja.com

Bowerコンポーネントを2つの異なるディレクトリにインストールしますか？

CSSおよびJSコンポーネントを使用する場合、それらを別のディレクトリにインストールすることは可能ですか、それとも意味がありますか？

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

そのように編成されたプロジェクトを構築するための最も効率的な方法は何ですか？ BowerがインストールしたSassコンポーネントを開発環境に統合するという目標を達成するための優れたGruntタスクはありますか？

javascriptcomponentssassorganizationbower
26
Robb Schiller

Bowerは、インストールするすべてのコンポーネントを追跡する必要があります。それらが複数の場所に分割されている場合、それは非常に難しいでしょう。 Sass開発の場合は、コンポーネントフォルダーをSass検索パスに配置するだけです。

あなたがそれをすることを主張するならばあなたがそれを分割するのを助けることができる うなり声のタスク があります：

（推奨されませんが）

14
Sindre Sorhus

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などにインストールされます。

13
lfender6445

たぶん、異なるディレクトリに.bowerrcファイルを置くことができます。そこでは、bowerコンポーネントディレクトリを指すように"directory"キーを設定できます。

ただし、bower install whateverの前にディレクトリを修正するにはcdする必要があります。

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