Xây dựng dự án của bạn

Để 'Xây dựng' Trang Web

Cho đến nay trong hướng dẫn này, chúng ta đã chạy các dự án ở chế độ phát triển, nghĩa là công cụ xây dựng Vite đang chạy một máy chủ phát triển. Khi bạn thực hiện các thay đổi trong quá trình phát triển và lưu chúng, Vite sẽ cập nhật trang ngay lập tức. Điều này đòi hỏi rất nhiều tài nguyên từ máy tính.

Bước xây dựng diễn ra sau giai đoạn phát triển, khi trang đã sẵn sàng ra mắt công chúng. Sau đó, chúng tôi phải xây dựng dự án của mình thành các tệp mà trình duyệt hiểu được mà không cần chạy Vite ở chế độ phát triển. Bước xây dựng được thực hiện để giảm thiểu việc sử dụng tài nguyên máy chủ và cải thiện hiệu suất.

Để xây dựng ứng dụng Vue của bạn, hãy dừng máy chủ phát triển nếu nó đang chạy, bằng cách nhấn 'Q' hoặc 'ctrl'+'C', sau đó viết:

Khi dự án của bạn được xây dựng, Vite sẽ tạo một thư mục dist chứa tất cả các tệp cần thiết để chạy dự án của bạn trên máy chủ công cộng, với các tệp mà trình duyệt hiểu được *.html , *.css và *.js thay vì các tệp *.vue mà chúng tôi sử dụng trong quá trình phát triển.

Để xem dự án đã xây dựng của bạn trong trình duyệt, hãy sử dụng lệnh:

Lệnh này sẽ mở một cửa sổ trình duyệt hiển thị dự án đã xây dựng từ thư mục dist .

Các lệnh biên dịch dự án Vue của chúng tôi 
vào các tệp .html, .js và .css 
được tối ưu hóa để chạy trực tiếp trong .