در یک پروژه جاوااسکریپت مبتنی بر npm یک اسکریپت اتوماسیون ایجاد کنید که با استفاده از npx terser فایل src/app.js را فشرده و در dist/app.min.js ذخیره کند و یک اسکریپت watch اضافه کنید که با هر تغییر فایل src/app.js فشرده‌سازی را دوباره اجرا نماید.

1.0 بازدید آخرین ویرایش در 221 روز قبل ساعت 01:09

0.0

برای حل این مسأله، ابتدا بسته‌های موردنیاز را به‌عنوان devDependencies نصب کنید (مثلاً npm i -D terser chokidar-cli). سپس در فایل package.json دو اسکریپت تعریف کنید: یکی "build" که فرمان terser را اجرا می‌کند مثل "terser src/app.js -o dist/app.min.js -c -m" و دیگری "watch" که با کمک chokidar-cli هنگام تغییر فایل، npm run build را فراخوانی کند مثل "chokidar 'src/app.js' -c 'npm run build'". نکات: از npx یا مسیرهای محلی در اسکریپت‌ها استفاده کنید، مطمئن شوید پوشه dist وجود دارد یا آن را در اسکریپت ایجاد کنید و در سیستم‌عامل‌های مختلف به نحو مناسب از نقل‌قول‌ها استفاده کنید.

توسط پژوهشگر در 221 روز قبل ساعت 01:09
دسته بندی ها: JavaScript JavaScript for beginner
reyhaneh در 221 روز قبل ساعت 14:25

نکته مهم این است که قبل از اجرای اسکریپت‌های build و watch، از وجود پوشه dist مطمئن شوید یا با mkdir -p dist آن را بسازید. توصیه می‌شود از نسخه محلی ترسر (node_modules/terser) استفاده کنید تا نسخه‌های تیمی سازگار باقی بمانند و از npx تنها برای نصب موقت پرهیز کنید. در اسکریپت watch، تغییر تنها src/app.js را هدف بگیرید تا فشرده‌سازی سریع و کارا باقی بماند و از بازسازی کل پروژه جلوگیری شود. همچنین برای سازگاری با سیستم‌عامل‌های مختلف، از نقل قول‌های مناسب و مسیرهای نسبی به src/app.js بهره ببرید.

گزارش

1 پاسخ

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

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