@ media-common - Warum müssen wir das verwenden?

In der Magento 2 lib-Dokumentation ist Folgendes enthalten:

@ media-common: true | false - Legt fest, ob allgemeine Stile ausgegeben werden sollen. Für gängige Stile jedes Mal, wenn Sie einige Stile hinzufügen möchten, die Sie verwenden sollten

& when (@media-common = true) {
    your styles
}

Frage

Was ist der Unterschied zwischen dem Verwenden und dem Schreiben von Less ohne es? Sowie:

& when (@media-common = true) {
    body {
        background: blue;
    }
}

Wie kompiliert sich das anders als:

body {
    background: blue;
}

Wird es nicht unabhängig davon in styles-l.css und styles-m.css ausgegeben?

Magento 2 folgt dem Mobile First-Ansatz und @ media-common = true wurde entwickelt, um Stile zu definieren, die base (mobil) sind und in denen vorhanden sein muss styles-m.css. Wenn Sie diese Deklaration löschen, werden Stile sowohl in styles-m.cssals auch in styles-l.cssDateien ausgegeben .