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