Openlibrary: Stylelint: أضف خاصية عدم التنازلي وأصلح المخالفين

تم إنشاؤها على ١٥ سبتمبر ٢٠١٨  ·  9تعليقات  ·  مصدر: internetarchive/openlibrary

من مستندات stylelint :
"يعد ترتيب المصدر أمرًا مهمًا في CSS ، وعندما يكون لمحددين نفس الخصوصية ، فإن الأولوية التي تحدث أخيرًا. ومع ذلك ، يختلف الموقف عندما يكون لأحد المحددات خصوصية أعلى. وفي هذه الحالة ، لا يكون ترتيب المصدر الأمر مهم: سيفوز المحدِّد ذو الدقة العالية حتى لو جاء أولاً.

يمكن أن تتسبب التعارضات بين هاتين الآليتين لتحديد الأولويات وترتيب المصدر والخصوصية في حدوث بعض الالتباس عند قراءة أوراق الأنماط. إذا ظهر مُحدد بدرجة أعلى من الدقة قبل المُحدِّد الذي يتجاوزه ، فعلينا أن نفكر بجدية أكبر لفهمه ، لأنه ينتهك توقعات ترتيب المصدر. "

يمكن لـ Stylelint (الذي يمكن تشغيله باستخدام npm install && npm run lint:fix ) اكتشافها إذا تمت تهيئتها باستخدام ما يلي:
"no-descending-specificity": true,

ملاحظة: يوجد حاليًا الكثير من المخالفين لهذه القاعدة ، لذا قد يكون من المفيد الانتظار حتى يصبح master.less أكثر قابلية للإدارة (# 1092) قبل محاولة ذلك

قائمة تدقيق

  • [] تحديث .stylelintrc.json
  • [] إصلاح أي مجرمين تم اكتشافهم عبر npm run lint:fix
Linting CSS hacktoberfest

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

أنا فقط أريد تيشيرت

ال 9 كومينتر

من الأفضل أن يكون عاجلاً وليس آجلاً ... سيعمل على هذا إذا لم يفعله أحد.

هذه أيضًا ستكون صعبة بعض الشيء. هناك الكثير من المخالفين:

ياjdlrobson! أود المساعدة في هذا إذا كنت لا تزال بحاجة إليه.

نحن نفعل! اذهب لذلك @ thefifthisa !

jdlrobson رائع ، شكرًا! هل يمكنني معرفة تلك التي قمت بها بالفعل حتى أعرف من أين أبدأ؟

thefifthisa أوصي بالبدء بإضافة القاعدة إلى ملف تهيئة stylelint الحالي والتأكد من أنه يمكنك رؤية الأخطاء محليًا عند التشغيل

npm install
npm run lint:fix

screen shot 2018-10-15 at 4 46 27 pm

أرى الكثير من الأخطاء عند إضافة هذه القاعدة.

دعنا نحافظ على طلب السحب الأول صغيرًا وآمنًا بشكل معقول من تعارضات الدمج! كقاعدة عامة ، أوصي بتعطيل القاعدة في الجزء العلوي من الملفات الكبيرة التي تحتوي على أكثر من 6 أخطاء [1]. (على سبيل المثال ، static / css / element / header-bar.less and static / css / legacy.less) والتركيز على الملفات التي بها مشكلات أقل.

الهدف من هذا الفحص هو التخلص من CSS ببطء وتحسينه حتى لا تأخذ الكثير في وقت واحد - ركز على الملفات التي بها 1-6 مشكلات! وإلا ، فسيصعب عليك الكتابة والآخرين لمراجعتها.

هل لهذا معنى؟

اسمحوا لي أن أعرف إذا كان هناك حاجة إلى مزيد من الإرشادات!

[1] ستؤدي إضافة السطر التالي في أعلى الملف إلى إيقاف تطبيق القاعدة هناك!

/* stylelint-disable no-descending-specificity */

jdlrobson فهمت ذلك ، فقط قدمت العلاقات العامة!

أنا فقط أريد تيشيرت

يمكن إغلاق هذا ... لا توجد خاصية تنازلي في قاعدة الشفرة بفضل thefifthisa :)

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