الترجمات ذات الصلة لـ webpack2 وهز الشجرة موجودة في هذا الرابط
يمكنك أن ترى أنه إذا كنت ترغب في تمكين وظيفة هز الشجرة في webpack2 ، فأنت تحتاج فقط إلى نسخ ولصق محتويات ملف .babelrc
، وهو أمر ملائم تمامًا. الآن هناك إعداد Babel المسبق يسمى babel-preset-latest
والذي يمكن تحقيقه بشكل أكثر بساطة لهذا الغرض.
العرض التوضيحي المتعلق بهذا الإعداد المسبق موجود هنا . الفرع الموجود في الارتباط هو الفرع الذي تم تمكين اهتزاز الشجرة به. للمقارنة ، إذا كنت تريد إلغاء اهتزاز الشجرة ، فيمكنك تعديل .babelrc
في الكود المصدري واستخدم العبارة التالية لإلغاء NS:
{
"presets": ["es2015"]
}
يعتبر element-ui مناسبًا جدًا لتقنية اهتزاز الأشجار ، ولكن العنصر الذي يتم تصديره حاليًا هو الكود الذي تم حزمه بواسطة حزمة الويب ، والتي لا يمكن تحليلها بواسطة webpack2 من خلال التحليل الثابت للوحدة ES6 ، لذا فإن اهتزاز الشجرة حاليًا غير صالح لـ element-ui.
آمل أن يكون للإصدار الرسمي 1.0 هذه الميزة العملية ، ولا يزال أكبر قليلاً من 300 + كيلو بايت عند تعبئته.
بعد التذكير ، يوجد بالفعل babel-plugin-component
المستند الذي قام بذلك ، والاختبار حزمة 124k.
أنا آسف لأنني لم أقرأ الوثيقة بعناية.
لا يزال يجب دعم اهتزاز الشجرة ، لأنني لم أجرب webpack 2 بنجاح من قبل ، لذلك لم أقم بتغييره.
الآن يعتبر اهتزاز الشجرة في webpack2 أن الوظيفة المستوردة لها آثار جانبية بشكل افتراضي ، لذلك حتى إذا تم استخدام نموذج التصدير export { default as Pagination } from '../packages/pagination/index.js'
الوحدة النمطية es6 ، لا يمكن إكمال اهتزاز الشجرة ( عبر ) فعليًا. أنت بحاجة لانتظار /*#__PURE__*/
المنفذ بواسطة uglifyJS
في الوقت الحالي ، تعد استيراد المكون الإضافي babel-plugin و babel-plugin-convert أكثر ملاءمة لاستيراد الملفات مباشرة.
التعليق الأكثر فائدة
لا يزال يجب دعم اهتزاز الشجرة ، لأنني لم أجرب webpack 2 بنجاح من قبل ، لذلك لم أقم بتغييره.