Aurelia CLI bao gồm Bootstrap Glyphicons

Question

Tôi đang cố gắng đưa Bootstrap vào dự án Aurelia CLI của tôi và CSS và JS hoạt động tốt.

Vấn đề duy nhất tôi có là glyphicons yêu cầu tệp phông chữ phải được tải.

tôi sử dụng cấu hình này:

"dependencies": [ 
    { 
     "name": "bootstrap", 
     "path": "../node_modules/bootstrap/dist", 
     "main": "js/bootstrap.min", 
     "deps": ["jquery"], 
     "exports": "$", 
     "resources": [ 
      "css/bootstrap.min.css", 
      "fonts/glyphicons-halflings-regular.woff2" 
     ] 
    } 
] 

Nhưng tôi nhận được một lỗi có chứa dòng này:

đường dẫn: C: \ Users \ randy \ Documents \ dạng \ node_modules \ bootstrap \ quận \ fonts \ glyphicons-halflings-regular.js '

Vì vậy, mặc dù tôi bao gồm tệp .woff2, Aurelia cố gắng nhập tệp dưới dạng tệp JS. Tôi có thể làm gì để thực hiện công việc này? CSS hoạt động tốt.

Answer 1

này đã được giải quyết, để biết thêm thông tin đọc Github issue.

Vấn đề này hiện có thể được giải quyết bằng cách thêm hướng dẫn sao chép trong aurelia.json.

aurelia.json- hợp lệ nếu dự án được tạo ra bởi aurelia-cli 0.25.0 hoặc cao hơn

Thêm dòng sau trong việc xây dựng khối:

"bundles": [ ... ], 
"copyFiles": { 
    "node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2": "bootstrap/fonts", 
    "node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.woff": "bootstrap/fonts", 
    "node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf": "bootstrap/fonts" 
} 

---

Nếu dự án được tạo bởi phiên bản CLI cũ hơn, bạn sẽ phải tạo tác vụ sao chép bên trong thư mục tác vụ

• https://github.com/aurelia/cli/blob/master/lib/resources/tasks/copy-files.js.

Sau đó, hãy gọi công việc sao chép trong nhiệm vụ build.js/ts

• https://github.com/aurelia/cli/blob/master/lib/resources/tasks/build.js#L15

---

* tín dụng cho fabioluz cho ý kiến ​​này trên github

Answer 2

Dường như đây là lỗi trong phiên bản hiện tại của Aurelia CLI. Tôi đã gửi một vấn đề cho bạn tại đây: https://github.com/aurelia/cli/issues/248

Answer 3

Aurelia không thể xử lý tệp phông chữ. Bạn phải sử dụng tác vụ bó thủ công cho nó.

Đây là giải pháp tương tự cho font-tuyệt vời: https://stackoverflow.com/a/39544587/1276632

Đây là giải pháp cho glyphicons (tôi đã sử dụng nó để hội nhập v4 bootstrap): https://github.com/aurelia/cli/issues/248#issuecomment-250967074