詳解Less框架中將CSS強制打包到單一文件中的技巧

在使用Less預編譯框架時我們總是希望能高效管理CSS文件的部署結構,這裡我們就來看一個在Less框架中將CSS強制打包到單個文件中的技巧,需要的朋友可以參考下

less 在import 其它less檔案的時候會將其合併到單一檔案中。
但是當引入css 檔案時，預設不會將css 合併進來 。
使用inline 關鍵字將a.css 強制打包到最終的單一檔案中：

@import (inline) "./a.css";   
p{   
  color:yellow;   
}

編譯後的結果是如下，只有一個檔案（a.css 只有一個a樣式）

a{   
    color:red;   
}   
p {   
  color: yellow;   
}

如果沒有inline參數最終的結果如下，會請求兩個檔案

@import "a.css";   
p {   
  color: yellow;   
}

以上是詳解Less框架中將CSS強制打包到單一文件中的技巧的詳細內容。更多資訊請關注PHP中文網其他相關文章！