سلوك التصدير الافتراضي المعدل لـ Babel 6: التحول من الراحة إلى الاتساق الدلالي

في تغيير رائد، قام Babel 6 بمراجعة نهجه في تصدير القيم الافتراضية، مما يؤدي إلى التحول من السلوك السابق المستوحى من CommonJS إلى مبادئ ES6 الصارمة. جلب هذا التغيير فرصًا وتحديات للمطورين.

في السابق، أضافت شركة Babel السطر "module.exports = Exports['default']" إلى إعلانات التصدير الافتراضية، مما يسمح للمطورين بالوصول إليها باعتبارها "require( './foo')" مباشرة. ومع ذلك، مع بابل 6، تم إيقاف هذه الممارسة. الآن، يتطلب الوصول إلى الصادرات الافتراضية اصطلاح تسمية صريحًا: "require('./foo').default".

الآثار والحلول

أدى هذا التغيير إلى إنشاء الحاجة إلى تعديلات التعليمات البرمجية في المشاريع التي اعتمدت على السلوك السابق. في حين أن اعتماد بناء جملة الاستيراد/التصدير ES6 أمر مرغوب فيه في كثير من الحالات، فقد تتطلب بعض التعليمات البرمجية القديمة حلولاً بديلة.

للحفاظ على الوظيفة القديمة دون الحاجة إلى إصلاحات يدوية، يمكن للمرء استخدام "babel-plugin-add-module-" الصادرات" البرنامج المساعد. يقوم هذا البرنامج المساعد بإعادة إدراج السطر "module.exports = Exports['default']"، لمحاكاة آلية التصدير قبل بابل 6.

وبدلاً من ذلك، يمكن للمطورين الذين يواجهون المشكلة مع عمليات التصدير المسماة أن يتصرفوا بشكل مختلف في ES6 قم بتصدير الصادرات غير الافتراضية بشكل صريح لمنع كائن الوحدة النمطية التجاوزات.

مثال:

الإدخال:

const foo = {} تصدير الافتراضي foo

const foo = {}
export default foo

الإخراج باستخدام Babel 5:

"use الصارم"; Object.defineProperty(exports, "__esModule", { القيمة: صحيح }); فار فو = {}; Exports["default"] = foo; Module.exports = Exports["default"];

const foo = {}
export default foo

الإخراج باستخدام Babel 6 (والمكون الإضافي es2015):

"use الصارم"; Object.defineProperty(exports, "__esModule", { القيمة: صحيح }); فار فو = {}; exports["default"] = foo;

const foo = {}
export default foo

الاستنتاج

يضمن سلوك التصدير الافتراضي المعدل لـ Babel 6 الالتزام بدلالات ES6، وتعزيز الاتساق وتجنب الارتباك. على الرغم من أنها تتطلب بعض التعديلات على التعليمات البرمجية، إلا أنها تساهم في النهاية في اعتماد معايير وممارسات JavaScript الحديثة.