webpack 打包scss結尾的文件,過濾css的一些屬性

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 */
}

這個時候,對已經添加被上下注釋的代碼,就不會被打包壓縮,是默認展示的,這樣最後在已經打包的文件中就會有這個被過濾的屬性

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章