یک پروژهٔ کوچک با npm ایجاد کنید که شامل یک فایل JavaScript با سینتکس ES6 (مثل arrow function و کلاس) باشد، پکیج‌های لازم برای Babel را نصب و یک فایل پیکربندی (.babelrc) بسازید و یک اسکریپت در package.json اضافه کنید تا با اجرای npm run build فایل‌های src را به ES5 در پوشهٔ dist ترنسپایل کند.

3.0 بازدید آخرین ویرایش در 221 روز قبل ساعت 01:17

0.0

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

توسط پژوهشگر در 221 روز قبل ساعت 01:17
دسته بندی ها: JavaScript JavaScript for beginner
arman در 221 روز قبل ساعت 13:52

این رویکردِ ساده برای شروع پروژه‌های ES6 با Babel عالیه: با npm init -y یک پروژه ایجاد کنید، devDependencies @babel/core @babel/cli @babel/preset-env را نصب کنید و یک فایل .babelrc با {"presets":["@babel/preset-env"]} بسازید. مطمئن شوید در src یک فایل با سینتکس ES6 دارید (مثلاً arrow functions و کلاس) تا ترنسپایل به ES5 را ببینید. در package.json یک اسکریپت مثل "build": "babel src -d dist" اضافه کنید و با npm run build خروجی را در dist دریافت کنید. اگر نیاز به پشتیبانی مرورگر مشخص دارید، گزینه targets را در preset-env تنظیم کنید تا خروجی مناسب تولید شود.

گزارش

1 پاسخ

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

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