تقدم هذه المقالة عملية التثبيت لـ Babel6.x ~ أولاً وقبل كل شيء ، يمكنك استخدام Babel لتحويل https://babeljs.io/repl/
ثم أدخل الموضوع: تثبيت بابل (بيئة سطر الأوامر ، لإصدار babel6.x)
1. قم بتثبيت بابل-كلاي أولاً (يستخدم لاستخدام بابل في المحطة)
تثبيت NPM -g babel -cli
2. ثم قم بتثبيت المكون الإضافي بابل-Preset-ES2015
تثبيت NPM-بابل بابل-بريسست-ES2015
ملاحظة: يحتوي إصدار Babel5 على العديد من الإضافات عن التحويل افتراضيًا ، ولكن يجب تنزيل المكونات الإضافية ذات الصلة Babel6.x من قبل بنفسك ، مثل التحويلات-ES2015-ARROW-FICTIONS ، وفئات التحويل -12015 ، وما إلى ذلك ، و ES2015 PRINES BRINES تحتوي على جميع المكونات الإضافية. إذا لم يتم تثبيت مكون إضافي ، فلن يكون للتحويل على سطر الأوامر أي تأثير!
من بينها ، تقوم المعلمة -save تلقائيًا بتحديث ملف package.json ويكتبه في التبعيات
3. أدخل على سطر الأوامر:
Babel ES6.JS -Presets ES2015
الإخراج:
"استخدام صارم" ؛ [1 ، 2 ، 3] .map (function (x) {return x * x ؛}) ؛ملاحظة: المعلمة التالية -PRESTETS ES2015 تعني استخدام هذا البرنامج المساعد للتجميع. إذا لم تكتب تحويلًا كبيرًا ، فلن يكون له أي تأثير.
4. تكوين المكونات
من المزعج للغاية كتابة هذه المعلمة في كل مرة. يمكنك إنشاء ملف تكوين جديد. babelrc في الدليل الحالي.
ومع ذلك ، في نظام Windows ، لا يُسمح بالنقر بزر الماوس الأيمن مباشرة لإنشاء ملفات بدون أسماء ملفات. يمكنك إنشائها من خلال سطر أوامر CMD: افتح CMD في المجلد الحالي واكتب الأمر A
اكتب nul> .babelrc
يمكنك إنشاء ملف. babelrc في الدليل الحالي ، ثم كتابته إلى الملف:
{"الإعدادات المسبقة": ['ES2015']}ثم يمكنك استخدام Babel es6.js مباشرة على سطر الأوامر للتحويل دون إضافة معلمات تشير إلى المكون الإضافي المستخدم
بالإضافة إلى إنشاء ملفات .babelrc ، يمكنك أيضًا تكوينها في package.json وإضافة الخصائص التالية:
"بابل": {"الإعدادات المسبقة": ["ES2015"]}إرفاق بأوامر بابل المشتركة:
1. تحويل ملف ES6.JS وإخراجه في نافذة برنامج السطر المسماة الحالي
بابل ES6.JS
2. تحويل ES6.JS وإخراجها إلى ملف ES5.JS (باستخدام -O أو -ملف)
بابل es6.js -o es5.js
بابل ES6.JS-ملف ES5.JS
3. سيتم إعادة تنسيق مراقبة الوقت الفعلي ES6.JS بمجرد وجود أي تغيير (باستخدام -W أو -مراقبة)
بابل ES6.JS -W -ملف ES5.JS
بابل ES6.JS-Watch-ملف ES5.JS
4. قم بتجميع مجلد SRC بالكامل وإخراجه إلى مجلد LIB (باستخدام -D أو -OUT -DIR)
بابل SRC -D lib
بابل SRC-out-dir lib
5. قم بتجميع مجلد SRC بالكامل وإخراجه إلى ملف
بابل SRC-ملف ES5.JS
6. أدخل الأمر مباشرةً على الأمر Babel-Ide ، ويمكنك تشغيل رمز ES6 مباشرة من سطر الأوامر
عقدة بابل
ما سبق هو عملية التثبيت الصحيحة لـ ES6 Babel في JavaScript التي قدمها لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!