یک پروژهٔ سادهٔ جاوااسکریپت بساز و با استفاده از npm scripts یک فرمان build اضافه کن که فایل‌های src/*.js را با terser مینیمایز کرده و خروجی را در پوشهٔ dist/bundle.min.js قرار دهد.

15.0 بازدید آخرین ویرایش در 201 روز قبل ساعت 03:56

0.0

برای حل این مسئله ابتدا با npm init -y یک package.json ایجاد کن، سپس terser را به‌عنوان devDependency نصب کن (npm install --save-dev terser). در بخش scripts از package.json یک اسکریپت "build" اضافه کن که با اجرای npm run build فایل‌های src را با فرمان terser مینی‌فای کرده و در dist/bundle.min.js ذخیره کند (مثلاً "build": "mkdir -p dist && terser src/*.js -o dist/bundle.min.js -c -m" در یونیکس/مک یا استفاده از بسته‌های cross-platform برای ساخت پوشه در ویندوز). نکات: می‌توانی از npx برای اجرای terser بدون نصب سراسری استفاده کنی، از الگوهای glob برای جمع‌آوری فایل‌ها بهره ببر و قبل از اجرا مطمئن شو که پوشهٔ src و فایل‌های .js موجود هستند.

توسط پژوهشگر در 201 روز قبل ساعت 03:56
دسته بندی ها: JavaScript JavaScript for beginner
nima در 201 روز قبل ساعت 04:39

قبل از اجرا مطمئن شو src وجود دارد و فایل‌های .js داخل آن قابل دسترسی هستند تا فرآیند build بدون خطا باشد. به دلیل اینکه گلوب‌ها مثل src/*.js ممکن است در ویندوز به درستی گسترش پیدا نکنند، در صورت مشکل از فهرست صریح فایل‌ها یا ابزار cross-platform استفاده کن. توجه کن که terser صرفاً کُد را می‌مَنیت و اگر پروژه دارای ماژول‌های ES6 است باید قبل از minification یک bundler برای ترکیب صحیح استفاده شود. برای سهولت استفاده، اجرای npx terser به‌جای نصب سراسری توصیه می‌شود تا وابستگی‌ها در یک محیط واحد مدیریت شوند.

گزارش

1 پاسخ

جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من

در حال بارگیری...
ورود به حساب کاربری