Magento2：修改CSS文件的最佳做法

我想修改css文件pub/static/frontend/Magento/luma/en_US/css/styles-l.css。
最初，此文件不存在于pub / static文件夹中，并且存在于

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

当我使用来分配静态内容时php bin/magento setup:static-content:deploy，会在pub / static中创建与之相关的2个文件。
1. pub/static/frontend/Magento/luma/en_US/css/styles-l.less
2. pub/static/frontend/Magento/luma/en_US/css/styles-l.css

我是一名支持开发人员，在开发模块时，我倾向于删除pub / static中存在的任何内容（.htaccess除外）。所以对我来说，直接修改似乎不是最好的选择pub/static/frontend/Magento/luma/en_US/css/styles-l.css。

在这种情况下，修改上述CSS文件的最佳做法是什么？
1.我应该修改pub/static/frontend/Magento/luma/en_US/css/styles-l.less还是
2.我的理解是错误的，因为我可以删除pub/static（在开发过程中）所有内容，因此我应该修改pub/static/frontend/Magento/luma/en_US/css/styles-l.css而不是删除它。

您不应编辑/修改pub / *或vendor / *目录中的文件。Pub用于部署，供应商用于默认结构，您可以通过模板或自定义模块覆盖它。代替：

• 在app / design / frontend / {vendor} / {yourTheme} /中创建一个新主题。您可以使用“空白”或“亮度”主题。您还可以创建从Blank继承的新主题（继承在theme.xml中定义）。如果您已经在使用某些主题，请跳过此步骤。
• 在主题中进行.less编辑，以使更改保持可见，并且在清除缓存或升级系统时不会被替换。
• 使用grunt将.less编译为部署文件。
• 您还可以设置源映射，以在主题.less文件中定位样式，从而提高工作效率。

一些有用的参考：

• Less入门
• Magento 2中较少的调试
• 在Magento 2中创建主题
• Grunt入门
• Magento UI库

这种方法对我有用

在.less文件中进行必要的更改，然后运行以下命令：

php bin/magento setup:upgrade

php bin/magento cache:flush

如果是其他主题，则应配置：

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

这是magento2如何处理CSS文件的流程图。

资料来源：Inchoo

我建议执行

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

如您所知，

php bin/magento setup:upgrade

将清除缓存和静态内容，并且

php bin/magento setup:static-content:deploy 

将在<mageroot>/pub文件夹中部署所有主题。此命令将大大减少商店的首次加载时间。