Hướng dẫn sử dụng các plugin jQuery và phụ thuộc của chúng

Question

Các plugin jQuery thường có các phụ thuộc vào các tệp bên ngoài: thư viện jQuery, các mẫu định dạng (CSS), hình ảnh, các plugin khác, v.v. địa chỉ vị trí của các phụ thuộc? Nói cách khác, các tệp cần thiết đi đâu: trong thư mục ứng dụng chính (Img, Css, JS hoặc bất kỳ thư mục nào bạn sử dụng), trong thư mục plugin (ví dụ: Plugins/MyPlugin/Img, Plugins/MyPlugin/Css, v.v.), hoặc cái gì khác?

Sau khi bao gồm một số bổ trợ cho dự án, tôi lo ngại rằng các thành viên khác của dự án sẽ gặp khó khăn trong việc tìm ra phụ thuộc nào và các tệp nào nên đi đến đâu.

Điều gì đã hiệu quả và không phù hợp với bạn?

Answer 1

Cá nhân, khi tôi xây dựng một plugin, tôi cố gắng làm cho nó phụ thuộc càng ít càng tốt vào các tài nguyên khác để tránh vấn đề này. Đôi khi bạn không thể tránh sử dụng bảng định kiểu bên ngoài trong trường hợp này tôi luôn đặt chúng với các tệp CSS khác ngay cả khi chúng được đưa vào cùng thư mục với các plugin. Điều này tránh bất kỳ sự mơ hồ nào khi cố gắng quyết định bảng định kiểu nào sẽ đi đến đâu vv Bạn sẽ phải bao gồm chúng theo cách thủ công. Nếu plugin có bất kỳ phụ thuộc nào, chúng sẽ nằm trong thư mục JS, được sắp xếp theo cách tương tự như các plugin khác. Hình ảnh, trong trường hợp này, sau đó sẽ đi với tất cả các hình ảnh khác.

Khi xây dựng một plugin, bạn có thể làm cho nó linh hoạt hơn bằng cách cho phép người dùng xác định các lớp được áp dụng cho các đối tượng nhất định hoặc cho phép người dùng xác định cấu trúc của plugin sẽ thao tác. Tất cả điều này có thể được thực hiện trong khi cung cấp cho nó một bộ mặc định tốt để làm theo trong khi dựa càng ít càng tốt vào tài nguyên bên ngoài.

Để xem liệu các phương pháp hay nhất đã được xác định cho các tình huống này chưa, tôi chưa tìm thấy bất kỳ tình huống nào. Tôi chỉ tìm thấy hướng dẫn tạo plugin trên trang web jQuery: http://docs.jquery.com/Plugins/Authoring.

EDIT:

Như để làm rõ về cắm tổ chức phụ thuộc:

Khi nói rằng bạn có jquery.x.js và jquery.y.js. Cả hai đều phụ thuộc vào jquery.z.js. Tôi luôn đặt jquery.z.js trong cùng thư mục với jquery.x.js và jquery.y.js. Điều này tránh trùng lặp và bất kỳ sự nhầm lẫn nào liên quan đến việc phá vỡ quy ước tổ chức. Vì vậy:

• ./jquery.x.js
• ./jquery.y.js
• ./jquery.z.js

tôi thường tổ chức các thư mục của tôi như vậy:

• ./js/jquery-xxxjs
• ./js/plugins/jquery.x.js
• ./js/plugins/jquery.y.js
• ./js/plugins/jquery.z.js