Magento2: najlepsza praktyka modyfikowania plików css

Chcę zmodyfikować plik css pub/static/frontend/Magento/luma/en_US/css/styles-l.css.
Początkowo ten plik nie znajduje się w folderze pub / static i jest obecny w

vendor/magento/theme-frontend-blank/web/css/styles-l.less (it's styles-l.less)

Kiedy używam zawartości statycznej za pomocą php bin/magento setup:static-content:deploy, tworzone są 2 pliki w pub / static z nią powiązane.
1. pub/static/frontend/Magento/luma/en_US/css/styles-l.less
2. pub/static/frontend/Magento/luma/en_US/css/styles-l.css

Jestem programistą wspieranym i podczas tworzenia modułów staram się usuwać wszystko, co jest obecne w pub / static (oprócz .htaccess). Więc nie wydaje mi się, że jest to najlepsza opcja do bezpośredniej modyfikacji pub/static/frontend/Magento/luma/en_US/css/styles-l.css.

W takim przypadku jaka jest najlepsza praktyka do modyfikowania powyższego pliku css?
1. Mam zmodyfikować pub/static/frontend/Magento/luma/en_US/css/styles-l.lesslub
2. Mam błędne zrozumienie, że mogę usunąć wszystko z pub/static(podczas programowania) i powinienem modyfikować pub/static/frontend/Magento/luma/en_US/css/styles-l.cssi nigdy go nie usuwać.

Nie należy edytować / modyfikować plików w katalogu pub / * lub vendor / *. Pub jest przeznaczony do wdrożenia, a dostawca ma domyślną strukturę, którą zastępujesz za pomocą szablonu lub modułów niestandardowych. Zamiast:

• utwórz nowy motyw w aplikacji / design / frontend / {vendor} / {yourTheme} /. Możesz użyć motywu Blank lub Luma. Możesz także utworzyć nowy motyw, który dziedziczy z Pustego (dziedziczenie jest zdefiniowane w pliku theme.xml). Jeśli używasz już jakiegoś motywu, pomiń ten krok.
• edytuj .less w swoim motywie, aby zmiany pozostały widoczne i nie zostaną zastąpione podczas czyszczenia pamięci podręcznej lub aktualizacji systemu.
• Użyj grunt, aby skompilować plik .less w plikach wdrażania.
• Możesz także skonfigurować sourcemaps, aby precyzyjnie określić styl w plikach .less motywu, dzięki czemu możesz być bardziej produktywny.

Kilka przydatnych odniesień:

• Pierwsze kroki z Less
• Mniej debugowania w Magento 2
• Utwórz motyw w Magento 2
• Rozpoczęcie pracy z Grunt
• Biblioteka interfejsu użytkownika Magento

To podejście zadziałało dla mnie

Wprowadź niezbędne zmiany w pliku .less, a następnie uruchom następujące polecenia:

php bin/magento setup:upgrade

php bin/magento cache:flush

Jeśli inny motyw należy skonfigurować:

module.exports = {
    blank: {
        area: 'frontend',
        name: 'Magento/blank',
        locale: 'en_US',
        files: [
            'css/styles-m',
            'css/styles-l',
            'css/email',
            'css/email-inline'
        ],
        dsl: 'less'
    },
    luma: {
        area: 'frontend',
        name: 'Magento/luma',
        locale: 'en_US',
        files: [
            'css/styles-m',
            'css/styles-l'
        ],
        dsl: 'less'
    },

    porto: {
        area: 'frontend',
        name: 'Smartwave/porto',
        locale: 'zh_Hans_CN',
        files: [
            'css/styles-m',
            'css/styles-l'
        ],
        dsl: 'less'
    },

    backend: {
        area: 'adminhtml',
        name: 'Magento/backend',
        locale: 'en_US',
        files: [
            'css/styles-old',
            'css/styles'
        ],
        dsl: 'less'
    }
};

Jest to schemat blokowy przetwarzania plików css przez magento2.

Źródło: Inchoo

Sugerowałbym wykonanie

php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy

Jak byś wiedział

php bin/magento setup:upgrade

wyczyści pamięć podręczną i zawartość statyczną oraz

php bin/magento setup:static-content:deploy 

wdroży wszystkie kompozycje w <mageroot>/pubfolderze. To polecenie znacznie zmniejszy obciążenie Twojego sklepu po raz pierwszy.