@ media-common - ทำไมเราต้องใช้สิ่งนี้

ในเอกสารประกอบของ Magento 2 lib มันมีสิ่งต่อไปนี้:

@ media-common: true | false - ตั้งค่าว่าจะแสดงผลสไตล์ทั่วไปหรือไม่ สำหรับสไตล์ทั่วไปทุกครั้งที่คุณต้องการเพิ่มสไตล์ที่คุณควรใช้

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

คำถาม

อะไรคือความแตกต่างระหว่างการใช้สิ่งนี้กับการเขียนน้อยลงหากไม่มีมัน เช่น:

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

การรวบรวมนั้นแตกต่างกันอย่างไร:

body {
    background: blue;
}

มันจะไม่ถูกส่งออกใน styles-l.css และ styles-m.css โดยไม่คำนึงถึง?

วีโอไอพี 2 ดังนี้วิธีแรกมือถือและ@ สื่อทั่วไป = trueถูกออกแบบมาเพื่อกำหนดรูปแบบที่มีฐาน (มือถือ) styles-m.cssและจะต้องอยู่ในปัจจุบัน หากคุณปล่อยรูปแบบการประกาศนี้จะถูกส่งออกทั้งไปยังstyles-m.cssและstyles-l.cssไฟล์