cách cấu trúc một Web/Electron App - Mã sẽ được ở cả hai nơi

Question

Chúng ta có nhiều công cụ cho trang web của chúng tôi viết trong góc 1 để theo dõi thứ tự, dấu ngoặc kép giá cả, vv Nó có một cấu trúc NPM khá bình thường

root/ 
├── build/ 
├── src/ 
│ ├── scripts/ 
│ ├── assets/ 
│ ├── app.js 
| ├── node_modules/ 
| ├── build/ 
├── package.json 
├── webpack.config.js 

Bây giờ chúng ta sẽ tạo ra một ứng dụng Desktop và chúng tôi đã quyết định đi với Electron vì tất cả các công cụ chúng tôi đã viết cho trang web chỉ có thể làm việc. Về cơ bản, kế hoạch là mở rộng mã trang web và có một số tính năng chỉ dành cho máy tính để bàn ẩn với công tắc xây dựng.

Vì vậy, câu hỏi của tôi là, cách tốt nhất để thiết lập cấu trúc thư mục là gì? Electron sử dụng các tiểu dự án (theo quy ước trong thư mục ./app). Ngay bây giờ, tôi đã thiết lập nó như thế này

root/ 
├── app/ 
├── build/ 
├── dist/ 
├── src/ 
│ ├── assets/ 
| ├── build/ 
| ├── node_modules/ 
│ ├── scripts/ 
│ ├── app.js 
├── package.json 
├── webpack.config.js 

Khi chúng tôi xây dựng trang web của chúng tôi, Webpack biên dịch thư mục src để build. Đối với Electron, chúng tôi đã thêm các bước bổ sung rằng nội dung của build sau đó được sao chép sang app (thư mục con dự án điện tử) và xây dựng điện tử được chạy kết quả đầu ra là dist.

Tác phẩm này, nhưng có vẻ bị hack. Có cách nào tốt hơn để làm điều này? Hoặc sẽ là một cách tốt hơn để có một nhánh "điện tử" và một nhánh "ứng dụng web"?

Answer 1

Tôi nhớ đã tìm một sợi chỉ một thời gian trước đây trên electron forum trong đó một người kiểm duyệt đã giải quyết câu hỏi này và nói rằng không có quy ước cụ thể về cấu trúc tệp.
Mặc dù, từ kinh nghiệm của tôi, nó có vẻ giống như hầu hết các ứng dụng điện tử sử dụng một trong hai cấu trúc này:

root/ 
├── assets/ 
├── css/ 
├── js/ 
├── node_modules/ 
├── index.html 
├── main.js 
├── package.json 
├── (ect..) 

Hoặc một cấu trúc NPM dựa trên giống như một trong những bạn đang sử dụng. Nó thường có vẻ phụ thuộc vào sự phức tạp của ứng dụng và các quy ước của các công cụ bổ sung đang được sử dụng.

Đối với việc có một chi nhánh đơn lẻ so với các chi nhánh riêng biệt, tôi nghĩ rằng tại thời điểm đó, tùy theo sở thích cá nhân, mặc dù tôi nghĩ rằng có thể dễ dàng duy trì như một nhánh đơn lẻ.

Nếu bạn quan tâm đến việc kiểm tra một số phương pháp tiếp cận khác, bạn có thể xem boilerplates khác nhau trên trang web điện tử.