91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

PostCSS是什么

發布時間:2022-03-09 16:50:12 來源:億速云 閱讀:226 作者:iii 欄目:web開發

本篇內容介紹了“PostCSS是什么”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!

什么是postcss

postcss 一種對css編譯的工具,類似babel對js的處理,常見的功能如:

1 . 使用下一代css語法

2 . 自動補全瀏覽器前綴

3 . 自動把px代為轉換成rem(rem不熟悉的,點這)

4 . css 代碼壓縮等等

postcss 只是一個工具,本身不會對css一頓操作,它通過插件實現功能,autoprefixer 就是其一。

與 less sass 的區別

less sass 是預處理器,用來支持擴充css語法。

postcss 既不是 預處理器也不是 后處理器,其功能比較廣泛,而且重要的一點是,postcss可以和less/sass結合使用

關于取舍

雖然可以結合less/sass使用,但是它們還是有很多重復功能,用其中一個基本就 ok 了。

以下是個人的總結:

  • postcss 鼓勵開發者使用規范的CSS原生語法編寫源代碼,支持未來的css語法,就像babel支持ES6。

  • less、sass 擴展了原生的東西,它把css作為一個子集,但這不好保持向后兼容。

總體來說區別不大,看個人喜好吧

如何使用

這里只說在webpack里集成使用,首先需要 loader

1 . 安裝

npm install postcss-loader –save-dev

2 . webpack配置

一般與其他loader配合使用,下面*標部分才是postcss用到的

配合時注意loader的順序(從下面開始加載)

3 . postcss配置

項目根目錄新建 postcss.config.js文件,里面配置一些插件

注:也可以在webpack中配置

常用的postcss插件

1 . Autoprefixer

前綴補全,全自動的,無需多說

安裝:

cnpm install Autoprefixer --save-dev

2 . postcss-cssnext

使用下個版本的css語法

安裝:

cnpm install postcss-cssnext --save-dev

3 . postcss-pxtorem

把px轉換成rem

安裝:

cnpm install postcss-pxtorem --save-dev

配置項:

特殊技巧:不轉換成rem

px檢測區分大小寫,也就是說Px/PX/pX不會被轉換,可以用這個方式避免轉換成rem

“PostCSS是什么”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

栖霞市| 建德市| 大理市| 古田县| 徐闻县| 武鸣县| 云南省| 神木县| 西昌市| 武城县| 盐城市| 潜山县| 鄂伦春自治旗| 开阳县| 贵州省| 缙云县| 阜新市| 渝中区| 岳阳市| 图片| 威远县| 石嘴山市| 老河口市| 左云县| 广安市| 喜德县| 兴海县| 高邮市| 临澧县| 富川| 镇赉县| 长葛市| 兰州市| 如东县| 澄迈县| 白河县| 恭城| 固原市| 九江市| 高阳县| 大渡口区|