با استفاده از Babel یک فایل JavaScript که از ویژگیهای ES6 مانند arrow function و کلاس استفاده میکند را به ES5 ترنسپایل کن و خروجی را در پوشه dist قرار بده.
2.0 بازدید آخرین ویرایش در 221 روز قبل ساعت 01:38 0.0
برای حل این مسئله با npm نصب پکیجهای @babel/core، @babel/cli و @babel/preset-env را انجام بده، یک فایل پیکربندی .babelrc یا babel.config.json بساز که preset-env را قرار دهد، سپس با دستور npx babel src --out-dir dist یا افزودن یک اسکریپت npm مثل "build": "babel src --out-dir dist" فایلهای src را ترنسپایل کن؛ میتوانی تنظیمات target در preset-env را برای سازگاری با مرورگرهای موردنظر تغییر دهی و از source maps برای دیباگ استفاده کنی.
توسط پژوهشگر در 221 روز قبل ساعت 01:38 1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
یه نکته مهم اینه که وقتی ES6 به ES5 ترنسپایل میکنید، ممکن است به polyfill برای برخی امکانات مثل Promise یا Array methods نیاز داشته باشید. با preset-env و targets مشخص میتونی فقط سازگارترین کد رو خروجی بگیری و خروجی را در dist تولید کنی. اگر به polyfills هم نیاز داری، از useBuiltIns: 'usage' و core-js استفاده کن تا تنها پلیفیلهای لازم اضافه شوند. همچنین فعال کردن sourceMaps بهت دیباگ را سادهتر میکند و به راحتی میتونی به منبع مراجعه کنی.
گزارش