Najlepszy sposób na rozszerzenie modułu mniej w web / css / source / module, na przykład _minicart.less?

Jaki jest zatem najlepszy sposób na rozszerzenie mniejszej liczby plików <module>/web/css/source/module/, na przykład Magento_Checkout/web/css/source/module/_minicart.less?

Zakładając, że to

A) NADAWANIE

1. Temat związany mniej musisz utworzyć (lub skopiować) mniej o tej samej nazwie motywu nadrzędnego i umieścić go w swoim motywie w ten sposób theme-frontend-blank/web/css/source/_buttons.less-><your-theme>/web/css/source/_buttons.less
2. specyficzne dla modułu mniej musisz utworzyć (lub skopiować) mniej o tej samej nazwie motywu nadrzędnego i umieścić go w swoim motywie w ten sposób theme-frontend-blank/Magento_Theme/web/css/source/_module.less-><your-theme>Magento_Theme/web/css/source/_module.less
3. Lib UI mniej musisz utworzyć (lub skopiować) mniej z taką samą zawartością nazwy w folderze biblioteki i umieścić go w swoim motywie w ten sposób magento2-base/lib/web/css/source/lib/_buttons.less-><your-theme>Magento_Theme/web/css/source/lib/_buttons.less

i do

B) PRZEDŁUŻYĆ

1. w mniejszym stopniu musisz utworzyć plik _extend.less w swoim motywie, dodając _extend w nazwie w ten sposób, <your-theme>/web/css/source/_navigation_extend.lessaby rozszerzyć theme-frontend-blank/web/css/source/_navigation.lessORAZ zarejestrować ten plik z dyrektywą @import w _extend.less zawartości motywu w web / css / source ->@import "_navigation_extend.less"
2. specyficzne dla modułu mniej , musisz utworzyć plik _extend.less w ścieżce modułu motywu, tak jak ten, <your-theme>Magento_CatalogSearch/web/css/source/_extend.lessktóry rozszerza oryginalny Magento_CatalogSearch oryginalny _module.less
3. UI lib mniej musisz utworzyć mniej z taką samą zawartością nazwy w folderze biblioteki, dodając _extend w nazwie w ten sposób, <your-theme>Magento_Theme/web/css/source/lib/_buttons_extend.lessaby rozszerzyć magento2-base/lib/web/css/source/lib/_buttons.lessORAZ zarejestrować ten plik z dyrektywą @import w _extend. Bez zawartości motywu w web / css / source - >@import "lib/_buttons_extend.less"

Teoria musi sugerować utworzenie _minicart_extend.less, ale to nie działa automatycznie. Może powinieneś zaimportować ten plik do _extend.less tego modułu, jak wyjaśniono w B1 lub B3?

I dlaczego te składniki, które rozszerzają mniej, nie są automatycznie uwzględniane podczas analizowania css, jeśli jest to właściwy sposób na ich rozszerzenie, ale należy je zaimportować do _extend.less?

(Pojawia się również inne pytanie: jakie są różnice między web/css/source/lib/_buttons.lessi web/css/source/_buttons.less? 😕)

Jestem nieco zdezorientowany. Mam nadzieję, że ktoś może mi pomóc.

Przepraszam za ten długi tekst.

Źródła:

• 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

Zgodnie z konwencjami Magento 2 najlepszym sposobem na rozszerzenie stylów modułów jest:

Jeśli chcemy rozszerzyć style Magento_Checkout/web/css/source/module/_minicart.less, musimy mieć 2 pliki

• <your-theme>/Magento_Checkout/web/css/source/_extend.lessgdzie zaimportujemy nasze niestandardowe rozszerzenia. W tym przypadku@import "_minicart_extend.less"

• <your-theme>/Magento_Checkout/web/css/source/_minicart_extend.less które będą zawierać nasze niestandardowe style.

Powodem, dla którego potrzebujemy _extend.lesspliku do określenia, @importsjest to, że Magento zawiera tylko automatycznie _extend.lessna moduł. *_extend.lessAutomatyczne sprawdzanie i dodawanie wszystkiego będzie czasochłonne i dlatego nie zostało tak zaimplementowane.

W Magento Blank pliki motywów odpowiedzialne za minicart znajdują się w /vendor/magento/theme-frontend-blank/Magento_Checkout/

Możemy również dodać wszystkie nasze niestandardowe style bezpośrednio do _extend.less. Jednak podzielenie ich na mniejsze i określone pliki, jak w oryginalnym module, zapewnia przejrzystość i lepszą organizację kodu. Jest to również zalecany sposób zgodny ze standardami Magento 2.