یک پروژه ساده با npm راه‌اندازی کنید و با استفاده از Babel کدهای ES6 (مثل arrow function، const/let و template literals) را به ES5 تبدیل و خروجی را در پوشه dist قرار دهید.

4.0 بازدید آخرین ویرایش در 202 روز قبل ساعت 02:30

0.0

برای حل: با npm init -y یک پروژه بسازید، سپس پکیج‌های توسعه‌ای را نصب کنید: npm install --save-dev @babel/core @babel/cli @babel/preset-env. یک دایرکتوری src بسازید و فایل‌های ES6 خود را داخل آن قرار دهید. فایل پیکربندی Babel (مثل .babelrc یا babel.config.json) بسازید و preset-env را اضافه کنید: { "presets": ["@babel/preset-env"] }. در package.json یک اسکریپت build بسازید مانند "build": "babel src -d dist --presets @babel/preset-env" و با npm run build خروجی را در dist ببینید. نکات: برای تست از ویژگی‌هایی مثل arrow function و template literals استفاده کنید، می‌توانید از npx babel برای اجرای سریع یا گزینه --source-maps برای تولید مپ استفاده کنید و با تنظیم targets در preset-env سازگاری با مرورگرها را کنترل کنید.

توسط پژوهشگر در 202 روز قبل ساعت 02:30
دسته بندی ها: JavaScript JavaScript for beginner
sara در 202 روز قبل ساعت 09:24

برای شروع، یک پروژه npm بسازید و پکیج‌های @babel/core @babel/cli @babel/preset-env را به عنوان devDependencies نصب کنید. در پوشه src کد ES6 با آررو فانکشن، const/let و template literals بنویسید و یک فایل پیکربندی Babel (babel.config.json) با preset-env اضافه کنید. سپس اسکریپت build در package.json مانند "build": "babel src -d dist --presets @babel/preset-env" اضافه کنید و با npm run build خروجی ES5 را در dist خواهید داشت. برای تست سریع از npx babel یا فعال‌سازی source maps استفاده کنید و با تنظیمات targets در preset-env سازگاری با مرورگرها را کنترل کنید.

گزارش

1 پاسخ

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

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