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