یک پروژهٔ کوچک بسازید و با نصب و تنظیم 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 برای دیباگینگ استفاده نمایید.
1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
برای پروژهٔ کوچک، پس از 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 مطابق مرورگرهای هدف تنظیم کنید.
گزارش