webpack - بالعربي - معنى order created



ما هو ترتيب محمل ل webpack؟ (2)

تشرح الوثائق الرسمية ذلك جيدًا. لسوء الحظ ، تنتشر جميع المعلومات الضرورية في أقسام مختلفة من الوثائق. اسمحوا لي أن أنهي كل ما تحتاج إلى معرفته.

1.

تأكد من أنها بالترتيب الصحيح (من الأسفل إلى الأعلى).

2.

هذه هي الوظائف التي تأخذ مصدر ملف المورد كمعلمة وإرجاع المصدر الجديد.

3.

يمكن أن تكون مقيدة بالسلاسل. يتم تطبيقها في خط أنابيب للمورد. من المتوقع أن يعود المحمل النهائي إلى JavaScript ؛ يمكن لكل محمل آخر إرجاع المصدر بتنسيق عشوائي ، والذي يتم تمريره إلى المُحمل التالي.

وبالتالي...

إذا كان لديك somefile.css وكنت تمر به من خلال loaderOne ، loaderTwo ، loaderThree ، فهو يتصرف loaderThree بالسلاسل.

{
    test: /\.css$/,
    loaders: ['loaderOne', 'loaderTwo', 'loaderThree']
}

يعني بالضبط نفس ...

loaderOne(loaderTwo(loaderThree(somefile.css)))

إذا كنت قادمًا من النخر || بلع العالم أنها مربكة. مجرد قراءة ترتيب رافعات شوكية من اليمين إلى اليسار.

https://ffff65535.com

عندما يكون لدي تكوين محمل مع اختبارات متعددة تتطابق مع ملف ، أتوقع فقط استخدام المحمل الأول المطابق ولكن يبدو أن هذا هو الحال.

حاولت قراءة المصدر ، لكن حتى عندما وجدت الشيء الذي أعتقد أنه ينفذ عملية التحميل ، لا أستطيع أن أفهم كيف يتصرف.

لا تذكر الوثائق كيف يجب أن يتصرف هذا الموقف أيضًا.


كانت هذه الإجابة مفيدة لي ولكني أود أن loadername! بنقطة أخرى تؤثر على ترتيب اللودر ، وهو اسم loadername! مقاربة.

لنفترض أن لديك url-loader في التكوين الخاص بك مع أولوية أعلى من file-loader وتريد استيراد مسار صورة مع الأخير. يؤدي عدم القيام بأي شيء إلى استيراد الملف عبر url-loader (مما يؤدي إلى إنشاء عنوان url للبيانات مشفر).

بادئة الاستيراد مع file-loader! سيوجه الاستيراد إلى هذا المحمل.

import image from 'file-loader!./my-img.png'




webpack