Làm thế nào để thay đổi thư mục thành phần mặc định của Bower?

Tôi đang thực hiện một dự án mới sử dụng Bower từ twitter. Tôi đã tạo ra một component.jsonđể duy trì tất cả sự phụ thuộc của tôi như jquery. Sau đó, tôi chạy bower installcài đặt mọi thứ trong một thư mục có tên components. Nhưng tôi cần cài đặt các thành phần trong một thư mục khác, vd public/components.

Tôi đã thử chỉnh sửa thành phần.j.j của mình thành:

{
  "name": "test",
  "version": "1.0.0",
  "directory": "public/",
  "dependencies": {
    "jquery": "*"
  }
}

hoặc là:

{
  "name": "test",
  "version": "1.0.0",
  "componentsDirectory": "public/",
  "dependencies": {
    "jquery": "*"
  }
}

như được hiển thị trong https://github.com/twitter/bower/pull/94 nhưng nó không hoạt động.

Tạo tệp cấu hình Bower.bowerrc trong thư mục gốc của dự án (trái ngược với thư mục chính của bạn) với nội dung:

{
  "directory" : "public/components"
}

Chạy bower installlại.

Ngoài việc chỉnh sửa .bowerrcđể thiết lập đường dẫn cài đặt mặc định của bạn, bạn cũng có thể thiết lập đường dẫn cài đặt tùy chỉnh cho các loại tệp khác nhau.

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

chạy npm install -g bower-installer

Thiết lập bower.json của 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"
      ]
    }
  }
}

Chạy lệnh sau: bower-installer

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

Tôi gặp vấn đề tương tự trên windows 10. Đây là điều đã khắc phục vấn đề của tôi

1. Xóa bower_componentstrong thư mục gốc của bạn
2. Tạo một .bowerrctập tin trong thư mục gốc
3. Trong tập tin viết mã này {"directory" : "public/bower_components"}
4. Chạy một bower install

Bạn sẽ thấy thư mục bower_components trong thư mục công cộng của bạn bây giờ

Một cái gì đó đáng nói ...

Như đã lưu ý ở trên bởi những người đóng góp khác, sử dụng .bowerrctệp có JSON

{ "directory": "some/path" }

là cần thiết - TUY NHIÊN, bạn có thể gặp sự cố trên Windows trong khi tạo tệp đó. Nếu Windows cung cấp cho bạn một thông báo yêu cầu bạn thêm " tên tệp ", chỉ cần sử dụng trình soạn thảo văn bản / IDE như Notepad ++.

Thêm JSON vào một tệp chưa được đặt tên, lưu nó dưới dạng .bowerrc - bạn thật tuyệt!

Có lẽ là một giả định dễ dàng, nhưng tôi hy vọng điều này sẽ cứu người khác những cơn đau đầu không cần thiết :)

Hãy thử đặt components.jsontệp vào publicthư mục của ứng dụng của bạn, thay vì thư mục gốc, sau đó chạy lại bower install... hãy thử điều này trong thư mục nhà ứng dụng của bạn:

cp components.json public
cd public
bower install

Xin chào tôi cùng một vấn đề và giải quyết theo cách này.

người dùng windows và vs tập tin .bowerrc.

trong cmd đi bất kỳ thư mục

cài đặt bất kỳ gói nào chứa tệp .bowerrc forexample

bower install angular-local-storage

plugin này chứa tệp .bowerrc. sao chép nó và đi đến dự án của bạn và dán tập tin này.

và trong studio trực quan - giải pháp thám hiểm - hiển thị tất cả các tệp và bao gồm tệp .bowerrc nhìn thấy dự án

tôi giải quyết theo cách này :)