Cài đặt các thành phần Bower vào hai thư mục khác nhau?

Question

Khi sử dụng các thành phần CSS và JS, có thể, hoặc thậm chí, có ý nghĩa khi cài đặt chúng vào các thư mục khác nhau không?

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

Cách hiệu quả nhất để cấu trúc một dự án được tổ chức như vậy là gì? Có một nhiệm vụ Grunt tốt để thực hiện mục tiêu tích hợp các thành phần sass được cài đặt bower cho một môi trường phát triển?

Answer 1

Bower cần theo dõi mọi thành phần bạn cài đặt. Điều đó sẽ rất khó nếu chúng được chia ra ở nhiều địa điểm. Để phát triển Sass, chỉ cần đặt thư mục thành phần trong đường dẫn tìm kiếm Sass.

---

Có grunt tasks có thể hỗ trợ bạn trong việc tách nó lên nếu bạn nhấn mạnh vào thực hiện điều đó:

(mặc dù không được khuyến khích)

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

Answer 2

Có thể bạn có thể có .bowerrc tệp trong các thư mục khác nhau, tại đó bạn có thể cấu hình "directory" để trỏ đến thư mục thành phần bower.

Nhưng bạn sẽ cần phải cd để sửa thư mục trước bower install whatever:

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

Answer 3

Có một gói nút gọi bower-installer mà cung cấp một lệnh duy nhất để quản lý thay thế cài đặt đường dẫn.

chạy npm install -g bower-installer

Thiết lập bower.json bạn

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

Sau đó chạy bower-installer lệnh.

này sẽ cài đặt components/jquery-ui/themes/start/jquery-ui.css-./src/css, vv