Magento2: mejor práctica para modificar archivos css

Quiero modificar el archivo css pub/static/frontend/Magento/luma/en_US/css/styles-l.css.
Inicialmente, este archivo no está presente en la carpeta pub / static y está presente en

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

Cuando utilizo contenido estático usando php bin/magento setup:static-content:deploy, se crean 2 archivos en pub / static relacionados con él.
1. pub/static/frontend/Magento/luma/en_US/css/styles-l.less
2. pub/static/frontend/Magento/luma/en_US/css/styles-l.css

Soy un desarrollador respaldado y, mientras desarrollo módulos, tiendo a eliminar lo que esté presente en pub / static (excepto .htaccess). Entonces, para mí, no parece ser la mejor opción para modificar directamente pub/static/frontend/Magento/luma/en_US/css/styles-l.css.

En ese caso, ¿cuál es la mejor práctica para modificar el archivo css anterior?
1. Debo modificar pub/static/frontend/Magento/luma/en_US/css/styles-l.lesso
2. Entiendo que puedo eliminar todo pub/static(durante el desarrollo) y debo modificarlo pub/static/frontend/Magento/luma/en_US/css/styles-l.cssy nunca eliminarlo.

No debe editar / modificar archivos dentro del directorio pub / * o vendor / *. Pub es para implementación y el proveedor es para estructura predeterminada, que puede anular a través de su plantilla o módulos personalizados. En lugar:

• cree un nuevo tema dentro de app / design / frontend / {vendor} / {yourTheme} /. Puede usar el tema en blanco o Luma. También puede crear un nuevo tema que herede de Blank (la herencia se define en theme.xml). Si ya está usando algún tema, omita este paso.
• edite .less dentro de su tema para que los cambios permanezcan visibles y no se reemplacen al borrar el caché o actualizar el sistema.
• Use gruñido para compilar su .less en archivos de implementación.
• También puede configurar mapas de origen para señalar su estilo dentro de los archivos .less del tema para que pueda ser más productivo.

Algunas referencias útiles:

• Comenzando con Less
• Menos depuración en Magento 2
• Crea un tema en Magento 2
• Comenzando con Grunt
• Biblioteca Magento UI

Este enfoque me ha funcionado

Realice los cambios necesarios en el archivo .less y luego ejecute los siguientes comandos:

php bin/magento setup:upgrade

php bin/magento cache:flush

Si otro tema debe configurar:

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'
    }
};

Este es el diagrama de flujo que explica cómo magento2 procesa archivos css.

Fuente: Inchoo

Sugeriría ejecutar

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

Como sabrías

php bin/magento setup:upgrade

limpiará el caché y el contenido estático, y

php bin/magento setup:static-content:deploy 

desplegará todos los temas en la <mageroot>/pubcarpeta. Este comando reducirá significativamente la primera carga de su tienda.