در یک پروژه جاوااسکریپت با استفاده از npm scripts یک اسکریپت خودکار بسازید که کد ES6 را با Babel ترنسپایل کند، تست‌ها را با Jest اجرا کند و یک سرور توسعه‌ای با nodemon راه‌اندازی کند.

3.0 بازدید آخرین ویرایش در 220 روز قبل ساعت 02:04

0.0

برای حل: یک package.json بسازید و وابستگی‌های توسعه مثل @babel/cli، @babel/core، @babel/preset-env، jest، nodemon و در صورت نیاز concurrently یا npm-run-all را نصب کنید؛ سپس اسکریپت‌هایی مانند "build": "babel src -d dist"، "test": "jest" و "dev": "concurrently \"npm run build -- --watch\" \"nodemon dist/index.js\"" اضافه کنید. نکات: از npm run برای اجرا استفاده کنید، برای متغیرهای محیطی بین سیستم‌عامل‌ها از cross-env بهره ببرید و می‌توانید با نام‌گذاری pre/post scriptها اجرای خودکار پیش‌ و پس‌پردازش را ساده کنید.

توسط پژوهشگر در 220 روز قبل ساعت 02:04
دسته بندی ها: JavaScript JavaScript for beginner
sara در 220 روز قبل ساعت 11:02

یک نکته کلیدی این است که برای ترنسپایل ES6 با Babel از یک فایل پیکربندی babel.config.json استفاده کنید و مطمئن شوید preset-env با targets مناسب تعریف شده باشد تا هم روی Node و هم مرورگرها به خوبی کار کند. برای اجرای همزمان build، تست و سرور توسعه از ابزارهای مانند concurrently یا npm-run-all بهره ببرید و محیط‌ها را با cross-env مدیریت کنید تا در ویندوز و یونیکس یکسان عمل کند. همچنین می‌توانید با استفاده از prestart یا posttest اسکریپت‌ها را خودکار کنید تا هنگامی که npm run dev می‌زنید، ابتدا بنویسد و تست انجام شود، سپس nodemon را برای رصد dist راه‌اندازی کند. برای تست با Jest نیز از babel-jest یا preset-env مناسب استفاده کنید تا کد transpiled به خوبی تست شود. حتما مسیرهای ورود (src) و خروج (dist) را در اسکریپت build دقیق بدهید تا خطاهای مسیر روبروی شما نباشد.

گزارش

1 پاسخ

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

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