با استفاده از Babel، یک پروژهٔ سادهٔ جاوااسکریپت راه‌اندازی کنید که فایل‌های ES6 در پوشهٔ src را به ES5 در پوشهٔ lib ترنسپایل کند و یک اسکریپت npm به نام "build" داشته باشد.

3.0 بازدید آخرین ویرایش در 220 روز قبل ساعت 02:16

0.0

برای حل این مسئله، یک پروژهٔ npm با npm init بسازید، بسته‌های @babel/core، @babel/cli و @babel/preset-env را نصب کنید، یک فایل .babelrc یا بخش babel در package.json تعریف کنید تا preset-env استفاده شود، سپس یک اسکریپت در package.json مثل "build": "babel src --out-dir lib" اضافه کنید؛ بعد از اجرای npm run build کدهای ES6 از src در lib خروجی داده می‌شوند. نکات: می‌توانید از npx برای اجرای babel بدون نصب سراسری استفاده کنید، از --watch برای ترنسپایل خودکار هنگام توسعه بهره ببرید و با تنظیم browserslist در package.json هدف‌های مورد نظر برای preset-env را مشخص کنید.

توسط پژوهشگر در 220 روز قبل ساعت 02:16
دسته بندی ها: JavaScript JavaScript for beginner
arash در 220 روز قبل ساعت 10:20

برای شروع، می‌توانید از npx babel src --out-dir lib --presets @babel/preset-env استفاده کنید تا بدون نصب جهانی Babel اجرا شود. حتماً یک تنظیم babel در .babelrc یا بخش babel در package.json اضافه کنید تا preset-env با تنظیمات هدف مرورگرها فعال شود. برای توسعه سریع‌تر، از گزینه --watch یا ابزارهایی مانند nodemon یا babel-watch استفاده کنید تا هر تغییر به‌طور خودکار ترنسپایل شود. با تعریف browserslist در package.json می‌توانید هدف‌های پشتیبانی مرورگرها را به‌طور مرکزی مدیریت کنید و خروجی مناسب و به‌صرفه بسازید.

گزارش

1 پاسخ

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

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