客製bs5.3 向下兼容 bs3

最近接手的專案,它的底層用bootstrap3.4 來撰寫。
bs3.4 的一些css utility 已經太舊了, 在使用上沒有bs5 來的方便。
所以就只好compile  bs5.3 向下兼容性的。
在基礎上 還是保有bs3.4 的功能,ex: <p> 、<a>  、.col-lg-3 

這次的向下兼容改版不好改,有些地方需要修改底層加入特殊prefix,前提是不能影響既有bs3框架。

這次就用了postcss 來幫忙做css 後處理

SCSS 程式碼撰寫 → Utility 前綴撰寫→ PostCSS→ 最終 CSS 輸出

現在是只要加入bs5- 前綴 就能使用bs5 的語法,幸好bs5 寫得很多是變數,所以在使用postcss 改, 會比較輕鬆






留言