在使用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中文網其他相關文章！
