فشردهساز JavaScript
یک اسکریپت را با Terser، همان فشرده‌سازی که webpack به کار می‌برد، تا حد ممکن کوچک کنید، بدون اینکه جایی فرستاده شود.
فشرده‌سازی آنلاین JavaScript
اسکریپت فشرده‌شده سریع‌تر دانلود و تجزیه میشود. این صفحه همان فرمت‌کنندهٔ کد است که روی فشرده‌سازی JavaScript تنظیم شده. از Terser استفاده میکند که اولین باری که فشرده‌سازی می‌کنید در صفحه بار میشود، پس کد شما روی دستگاه خودتان پردازش میشود.
Terser چه میکند
- فاصله‌ها و توضیحاتی را حذف میکند که موتور JavaScript به آنها نیازی ندارد.
- نامهای محلی را کوتاه میکند:
function add(first, second)تبدیل میشود بهfunction add(d,n). - کد را ساده میکند هر جا که نتیجه قطعاً یکسان باشد، مثل حذف شاخه‌هایی که هرگز اجرا نمی‌شوند.
- روی خطاهای نحوی متوقف میشود و به‌جای تولید خروجی خراب، خط و ستون را گزارش میکند.
یک مثال کوچک
یک تابع شش‌خطی همراه با یک توضیح، یعنی function add(first, second) { return first + second; } و پس از آن console.log(add(1, 2));، به این شکل درمی‌آید: function add(d,n){return d+n}console.log(add(1,2));. توضیح و فاصله‌ها حذف شده‌اند و دو پارامتر نامهای یک‌حرفی گرفته‌اند، چون هیچ چیز بیرون از تابع آنها را نمی‌بیند.
نکته‌هایی که باید در نظر داشت
- نسخهٔ اصلی را نگه دارید: کد فشرده برای انتشار است، نه برای ویرایش.
- توضیحات مجوز که با
/*!شروع میشوند یا@licenseدارند حفظ میشوند؛ همهٔ توضیحات دیگر حذف میشوند. - برای برنامه‌های کامل، فشرده‌سازی را در فرایند build انجام دهید تا در هر انتشار خودکار اتفاق بیفتد.
ابزارهای مرتبط
برای خواندن کد فشرده، از مرتب‌کنندهٔ JavaScript استفاده کنید. برای استایل‌شیت‌ها، از فشردهساز CSS استفاده کنید.