詳解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;   }