یک پروژهٔ کوچک بسازید و با نصب و تنظیم Babel، فایل‌های ES6 در پوشهٔ src را به ES5 ترنسپایل کنید و خروجی را در پوشهٔ dist قرار دهید.

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

0.0

برای حل این مسئله ابتدا با npm init -y یک پروژه بسازید، سپس بسته‌های توسعه‌ای Babel را نصب کنید (مثلاً npm install --save-dev @babel/core @babel/cli @babel/preset-env). یک فایل پیکربندی ساده مثل .babelrc با محتوی {"presets":["@babel/preset-env"]} ایجاد کنید، کد ES6 خود را در پوشهٔ src قرار دهید و از دستور npm script مانند "build": "babel src -d dist" یا فرمان npx babel src --out-dir dist برای ترنسپایل استفاده کنید. نکات: می‌توانید از گزینه --watch برای توسعه زنده بهره ببرید، preset-env را با تنظیمات targets سفارشی کنید و در صورت نیاز از source maps برای دیباگینگ استفاده نمایید.

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

برای پروژهٔ کوچک، پس از npm init -y بسته‌های @babel/core، @babel/cli و @babel/preset-env را به‌صورت توسعه‌ای نصب کنید و یک فایل .babelrc ساده با محتوای {"presets":["@babel/preset-env"]} بسازید. کدهای ES6 را در src قرار دهید و با دستور build مانند babel src -d dist یا npx babel src --out-dir dist آن‌ها را ترنسپایل کنید. اگر توسعهٔ زنده می‌خواهید، از گزینهٔ --watch استفاده کنید یا یک script npm مثل build:watch اضافه کنید. برای دیباگ بهتر، می‌توانید source maps فعال کنید و targets را در preset-env مطابق مرورگرهای هدف تنظیم کنید.

گزارش

1 پاسخ

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

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