webpack 打包scss結尾的文件,過濾css的一些屬性
- 在laravel框架中,使用scss文件編寫css的時候,利用css的屬性控制字體的樣式屬性,有時候會打包失敗,也不是打包失敗,是打包成功,但是它會過濾掉一些
css屬性,比如:
.add {
-webkit-box-orient: vertical;
display:-webkit-box;
}
這個屬性,在打包的時候就會過濾掉,scss文件有,但是打包之後的文件就沒有這個屬性了,在這個時候,一個比較簡單的解決的辦法就是在scss文件中,對不被打包
的屬性添加註釋,如下面這樣:
.add {
/* autoprefixer: off */
-webkit-box-orient: vertical;
display:-webkit-box;
/* autoprefixer: on */
}
這個時候,對已經添加被上下注釋的代碼,就不會被打包壓縮,是默認展示的,這樣最後在已經打包的文件中就會有這個被過濾的屬性