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

Question

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タスクがありますか？

Answer 1

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

---

あなたがそれを行う上で主張すれば、それを分割する際に役立ちますgrunt tasksがあります

（推奨しませんが）

• grunt-bower-task
• grunt-bower-organiser
• grunt-bower

Answer 2

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

しかし、あなたがbower install whatever前に、ディレクトリを修正するためにcdにする必要があります：

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

Answer 3

代替のインストールパスを管理するための単一のコマンドを提供しbower-installerと呼ばれるノードパッケージがあります。 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" 
     ] 
    } 
    } 
} 

を設定

実行npm install -g bower-installer

。

これは、「JSコンポーネント」と./src/cssからcomponents/jquery-ui/themes/start/jquery-ui.cssなど