Khái quát về việc build application Javascript
Cảnh báo Spam: Bài đăng này bị đánh dấu là spam bởi hệ thống của chúng tôi . Vì vậy, nó không thể được hiển thị trong trang chủ! Ban quản trị sẽ xem xét trong thời gian sớm nhất. Nếu bạn có bất kỳ vấn đề gì, hãy gửi phản hồi cho chúng tôi.
- Build process
- Transpiling (trung chuyển) : sử dụng tool Babel để convert modern JS (ES6＋) thành version cũ, tương thích với browser cũ
- Bundling (bó) : kết hợp tất cả các file JS thành 1 hoặc vài file sử dụng bundlers : Webpack hoặc Rollup
- Minification (tối thiểu hóa) : giảm file size bằng cách xóa comment, whitespace, rút gọn tên biến
- Asset optimization (tối ưu) : nén ảnh, inline CSS, và các static assets khác
- Output :
- Thư mục dist. Thư mục này chứa mọi file cần thiết để chạy ứng dụng trên production
- Deploy :
- Upload thư mục dist :
- Kiểm tra xem đã build đủ chưa : HTML, CSS, JS, images, ….
- Transfer to server : Sử dụng tool như scp, rsync, hoặc bất cứ tool FTP nào để upload thư mục dist lên EC2
- Config server :
- Sử dụng webserver (Nginx hoặc Apache) để lưu trữ các file trong thư mục dist
- Reverse proxy : điều hướng request đến ứng dụng NodeJS
- Upload thư mục dist :
All rights reserved
Bình luận