بیلد (Build)
وقتی کار تمام شد، پروژه از «توسعه (Development)» به «بیلد (Build)» می رود. بیلد یعنی کدها کامپایل شوند و برای مرورگر آماده شوند. خروجی شامل فایل های HTML، CSS و JS است. دیگر سرور توسعه لازم نیست.
چرا بیلد مهم است؟
در حالت توسعه، Vite سریع به روزرسانی می دهد. اما منابع می گیرد. بیلد، کد را به فایل های سبک و بهینه تبدیل می کند. سپس روی سرور عمومی قرار می گیرد.
گام های عملی بیلد
- سرور توسعه را متوقف کن. کلیدهای Q یا Ctrl+C را بزن.
- دستور بیلد را اجرا کن. خروجی در پوشه
distمی آید. - برای تست خروجی، از پیش نمایش استفاده کن.
اجرای بیلد با npm
npm run build
پس از اجرا، پوشه dist ساخته می شود. داخلش فایل های HTML، CSS و JS است. این فایل ها مستقیم روی سرور قابل میزبانی هستند.
نمایش نسخه بیلد شده
npm run preview
این دستور، پروژه بیلد شده داخل dist را باز می کند. سپس در مرورگر نتیجه نهایی را می بینی.
نکته: بیلد برای کاهش مصرف منابع و افزایش سرعت است. بنابراین قبل از انتشار، همیشه بیلد بگیر.
جمع بندی سریع
- بیلد، خروجی سبک و بهینه می سازد.
- خروجی در پوشه
distذخیره می شود. - برای تست نهایی از preview استفاده کن.
- پس از بیلد، نیازی به سرور توسعه نیست.
ادامه مسیر: انیمیشن با v-for، سپس کامپوزیشن API.