@ media-common - Tại sao chúng ta cần sử dụng cái này?

Trong tài liệu lib Magento 2 có chứa những điều sau đây:

@ media-common: true | false - đặt xem có xuất các kiểu chung không. Đối với các kiểu phổ biến mỗi khi bạn muốn thêm một số kiểu bạn nên sử dụng

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

Câu hỏi

Sự khác biệt giữa việc sử dụng này và chỉ viết Ít mà không có nó là gì? Nhu la:

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

Làm thế nào để biên dịch khác nhau để:

body {
    background: blue;
}

Nó sẽ không được xuất ra trong các kiểu - l.css và style - m.css bất kể?

Magento 2 tuân theo cách tiếp cận Mobile First và @ media-common = true được thiết kế để xác định các kiểu cơ sở (di động) và phải có trong styles-m.css. Nếu bạn thả kiểu khai báo này sẽ xuất ra cả tệp styles-m.cssvà styles-l.csstệp.