ওয়েব / সিএসএস / উত্স / মডিউলটিতে মডিউল কম খুঁজে পাওয়ার সর্বোত্তম উপায়, _ মাইনকার্ট.লেস এর মতো?

Question

<module>/web/css/source/module/উদাহরণস্বরূপ, এরপরে কম ফাইলের সামগ্রী বাড়ানোর সর্বোত্তম উপায় কোনটি Magento_Checkout/web/css/source/module/_minicart.less?

ধরে নিচ্ছি যে

ক) ওভাররিড

1. থিম সম্পর্কিত কম আপনাকে প্যারেন্ট থিমের একই নামের সাথে আরও কম তৈরি করতে হবে (বা অনুলিপি করতে হবে) এবং এটি আপনার থিমে এইভাবে রাখবে theme-frontend-blank/web/css/source/_buttons.less-><your-theme>/web/css/source/_buttons.less
2. মডিউল নির্দিষ্ট কম আপনি অভিভাবক থিমের একই নামের সাথে কম তৈরি করতে (বা অনুলিপি করতে হবে) এবং এটি আপনার থিমে এইভাবে রাখবেন theme-frontend-blank/Magento_Theme/web/css/source/_module.less-><your-theme>Magento_Theme/web/css/source/_module.less
3. ইউআই কম কম আপনি অবশ্যই লাইব্রেরী ফোল্ডারে একই নামের সামগ্রী সহ কম তৈরি করতে (বা অনুলিপি করতে হবে) এবং এটি আপনার থিমে এইভাবে রাখবেন magento2-base/lib/web/css/source/lib/_buttons.less-><your-theme>Magento_Theme/web/css/source/lib/_buttons.less

এবং

খ) বাড়িয়ে দিন

1. এর সাথে সম্পর্কিত কম থিম আপনাকে জুড়তে আপনার থিম একটি _extend.less ফাইল তৈরি করতে হবে _extend ভালো নামে <your-theme>/web/css/source/_navigation_extend.lessপ্রসারিত করতে theme-frontend-blank/web/css/source/_navigation.lessএবং নিবন্ধন সঙ্গে যে ফাইল @import ওয়েব / সিএসএস / সোর্সে থিম বিষয়বস্তুর _extend.less মধ্যে ডিরেক্টিভের ->@import "_navigation_extend.less"
2. মডিউল নির্দিষ্ট কম আপনি আপনার থিম মডিউল পথে এমন একটি _extend.less ফাইল তৈরি করতে হবে <your-theme>Magento_CatalogSearch/web/css/source/_extend.lessযা ম্যাগানোটো_গ্যাটালগ অনুসন্ধান মূল _ মডুল.বিহীনকে প্রসারিত করবে
3. UI 'তে কম lib আপনাকে জুড়তে ফোল্ডারের লাইব্রেরিতে একই নামের কন্টেন্ট সঙ্গে একটি কম তৈরি করতে হবে _extend ভালো নামে <your-theme>Magento_Theme/web/css/source/lib/_buttons_extend.lessপ্রসারিত করতে magento2-base/lib/web/css/source/lib/_buttons.lessএবং যে ফাইল রেজিস্টার করো @import ওয়েব / সিএসএস / সোর্সে থিম বিষয়বস্তুর _extend.less মধ্যে ডিরেক্টিভের - >@import "lib/_buttons_extend.less"

থিওরি আপনাকে অবশ্যই একটি _মিনিকার্ট_একসেট.বিহীন তৈরি করার পরামর্শ দিতে পারে তবে এটি স্বয়ংক্রিয়ভাবে কাজ করে না। হতে পারে আপনার সেই ফাইলটি B1 বা B3 তে বর্ণিত মডিউলের মতো _extend.less এ আমদানি করা উচিত?

এবং এই উপাদানগুলি কম প্রসারিত করে কেন স্বয়ংক্রিয়ভাবে CSS এর বিশ্লেষণে অন্তর্ভুক্ত হবে না যদি এগুলি প্রসারিত করার সঠিক উপায় তবে এটি অবশ্যই _extend.less এ আমদানি করতে হবে?

(এখানেও আরেকটি প্রশ্ন আসে: কি পার্থক্য আছে web/css/source/lib/_buttons.lessএবং web/css/source/_buttons.less? 😕)

আমি কিছুটা বিভ্রান্ত আশা করি কেউ আমাকে সাহায্য করতে পারে।

এই দীর্ঘ পাঠের জন্য দুঃখিত।

---

সূত্র:

• http://devdocs.magento.com/guides/v2.1/frontend-dev-guide/css-topics/css-overview.html

• http://inchoo.net/magento-2/working-with-css-in-your-first-magento-2-project/comment-page-1/#comment-434125

Answer 1

ম্যাজেন্টো 2 কনভেনশন অনুসারে মডিউল শৈলীর প্রসারের সর্বোত্তম উপায়টি হ'ল:

আমরা যদি স্টাইলগুলি প্রসারিত করতে চাই তবে আমাদের Magento_Checkout/web/css/source/module/_minicart.lessকাছে দুটি ফাইল থাকা দরকার

• <your-theme>/Magento_Checkout/web/css/source/_extend.lessযেখানে আমরা আমাদের কাস্টম এক্সটেনশানগুলি আমদানি করব। এক্ষেত্রে@import "_minicart_extend.less"

• <your-theme>/Magento_Checkout/web/css/source/_minicart_extend.less এতে আমাদের কাস্টম শৈলী থাকবে।

আমাদের _extend.lessনির্দিষ্ট করার জন্য একটি ফাইলের প্রয়োজনের @importsকারণ হ'ল ম্যাজেন্টো কেবলমাত্র _extend.lessপ্রতিটি মডিউলে স্বয়ংক্রিয়ভাবে অন্তর্ভুক্ত থাকে । সমস্ত কিছু *_extend.lessস্বয়ংক্রিয়ভাবে চেক করা এবং যুক্ত করা সময় সাপেক্ষ হবে এবং সে কারণেই এটি এর মতো কার্যকর করা হয়নি।

ম্যাগন্টো ফাঁকা থিম ফাইলগুলিতে মিনিকার্টের জন্য দায়বদ্ধ /vendor/magento/theme-frontend-blank/Magento_Checkout/

আমরা আমাদের সমস্ত কাস্টম শৈলী সরাসরি এর মধ্যেও যুক্ত করতে পারি _extend.less। তবে মূল মডিউলের মতো এগুলি ছোট এবং নির্দিষ্ট ফাইলগুলিতে বিভক্ত করা কোডটি পরিষ্কার এবং আরও সুসংহত রাখে। ম্যাজেন্টো 2 মান অনুযায়ী এটিও প্রস্তাবিত উপায় way

Comments

আপনাকে ধন্যবাদ জাজাল্ট! সুতরাং, আমি "_minicart_extend.less" কে "foobar.less" হিসাবেও ডাকতে পারতাম এবং এতে কোনও পার্থক্য হবে না কারণ আপনি _extend.less এ যা ইমপোর্ট করেছেন তা বিবেচ্য নয়। উপাদানটির নামের সাথে "_extendd.less" যুক্ত করা আপনাকে সবকিছু আরও পরিষ্কার রাখতে সহায়তা করার জন্য এটি একটি কনভেনশন?

— লোরেনা

হুবহু, এটি ধারণা।

— জালাগুট

@ জালাগুট তাদের সম্পর্কে এই কথাটি নিশ্চিত হওয়ার বিষয়ে নিশ্চিত আপনি কি "সমস্ত পরীক্ষা করা এবং সংযুক্তি _ _xend.less স্বয়ংক্রিয়ভাবে সময় সাপেক্ষ হবে" বা এটি আপনার অনুমান? কারণ আইএমও নিশ্চিত যে এটি আরও

— খানিকটা সময় নেবে

"আমাদের ইম্পোর্টগুলি নির্দিষ্ট করার জন্য আমাদের _extend.less ফাইলের কারণ হ'ল ম্যাজেন্টো কেবলমাত্র মডিউল অনুসারে স্বয়ংক্রিয়ভাবে একটি _extend.less অন্তর্ভুক্ত করে" " আমি মনে করি আপনি বলতে চাইছেন যে প্রতিটি মডিউলের একটি _extend.less রয়েছে এবং সেগুলি শেষে একটি বড় _extend.less ফাইলের সাথে একীভূত হয়

— ব্ল্যাক

"আমরা আমাদের সমস্ত কাস্টম শৈলীগুলি সরাসরি _extend.less এ যুক্ত করতে পারি" এটি একটি খারাপ ধারণা পোষণ করে, যেহেতু "গ্রান্ট ওয়াচ" এই ফাইলটির পরিবর্তনের জন্য কান দেয় না। কেবল এটি আমদানির জন্য ব্যবহার করুন এবং grunt refreshআপনি এই ফাইলটিতে কোনও পরিবর্তন আনার পরে সর্বদা কল করুন।

— কালো