Element: نأمل في دعم اهتزاز شجرة webpack2

تم إنشاؤها على ٢ نوفمبر ٢٠١٦  ·  3تعليقات  ·  مصدر: ElemeFE/element

الترجمات ذات الصلة لـ webpack2 وهز الشجرة موجودة في هذا الرابط

يمكنك أن ترى أنه إذا كنت ترغب في تمكين وظيفة هز الشجرة في webpack2 ، فأنت تحتاج فقط إلى نسخ ولصق محتويات ملف .babelrc ، وهو أمر ملائم تمامًا. الآن هناك إعداد Babel المسبق يسمى babel-preset-latest والذي يمكن تحقيقه بشكل أكثر بساطة لهذا الغرض.

العرض التوضيحي المتعلق بهذا الإعداد المسبق موجود هنا . الفرع الموجود في الارتباط هو الفرع الذي تم تمكين اهتزاز الشجرة به. للمقارنة ، إذا كنت تريد إلغاء اهتزاز الشجرة ، فيمكنك تعديل .babelrc في الكود المصدري واستخدم العبارة التالية لإلغاء NS:

{
  "presets": ["es2015"]
}

يعتبر element-ui مناسبًا جدًا لتقنية اهتزاز الأشجار ، ولكن العنصر الذي يتم تصديره حاليًا هو الكود الذي تم حزمه بواسطة حزمة الويب ، والتي لا يمكن تحليلها بواسطة webpack2 من خلال التحليل الثابت للوحدة ES6 ، لذا فإن اهتزاز الشجرة حاليًا غير صالح لـ element-ui.

آمل أن يكون للإصدار الرسمي 1.0 هذه الميزة العملية ، ولا يزال أكبر قليلاً من 300 + كيلو بايت عند تعبئته.

help wanted feature request

التعليق الأكثر فائدة

لا يزال يجب دعم اهتزاز الشجرة ، لأنني لم أجرب webpack 2 بنجاح من قبل ، لذلك لم أقم بتغييره.

ال 3 كومينتر

بعد التذكير ، يوجد بالفعل babel-plugin-component المستند الذي قام بذلك ، والاختبار حزمة 124k.

أنا آسف لأنني لم أقرأ الوثيقة بعناية.

لا يزال يجب دعم اهتزاز الشجرة ، لأنني لم أجرب webpack 2 بنجاح من قبل ، لذلك لم أقم بتغييره.

الآن يعتبر اهتزاز الشجرة في webpack2 أن الوظيفة المستوردة لها آثار جانبية بشكل افتراضي ، لذلك حتى إذا تم استخدام نموذج التصدير export { default as Pagination } from '../packages/pagination/index.js' الوحدة النمطية es6 ، لا يمكن إكمال اهتزاز الشجرة ( عبر ) فعليًا. أنت بحاجة لانتظار /*#__PURE__*/ المنفذ بواسطة uglifyJS

في الوقت الحالي ، تعد استيراد المكون الإضافي babel-plugin و babel-plugin-convert أكثر ملاءمة لاستيراد الملفات مباشرة.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات