Farklı Dokümanların Tek Dokümanda Birleştirilmesi (import)

CSS dizini altında a, b ve c isimlerinde scss dosyaları ve her birinde kendi adını taşıyan class tanımlı bulunsun;her bir class içerisinde ise border-radius özelliği sırasıyla 8,6 ve 4px olarak belirtilsin. Bu a,b ve c scss dosyamızdaki stilleri abc scss dosyamızda kullanmak, tek bir dosyada bulundurmak istediğimizde import komutunu kullanabiliriz. Örneğin; 

• a.scss içeriği ve bu içerikteki a isimli class aşağıdadır.
  • .a{
    • border-radius: 8px;
  • }
• b.scss içeriği ve bu içerikteki b isimli class aşağıdadır.
  • .b{
    • border-radius: 6px;
  • }
• c.scss içeriği ve bu içerikteki c simli class aşağıdadır.
  • .c{
    • border-radius: 4px;
  • }

Bu dosyaları abc.scss dosyasında import komutu ile çağıralım,

• @import "a","b","c"

Abc.scss dosyasını derleyelim ve çıktı olarak verilen abc.css dosyasının içeriğine bakalım,

• .a {
    border-radius: 8px; }
• .b {
    border-radius: 6px; }
• .c {
    border-radius: 4px; }