Postcss的常用外掛程式介紹以及安裝使用

2021-10-08 07:58:10 字數 1849 閱讀 7790

autoprefixer可以解析css檔案並且新增瀏覽器字首到css規則裡

安裝

cnpm i autoprefixer
配置

const autoprefixer =

require

('autoprefixer');

module.exports =)]

}

轉換前:

div

轉換後:

div

postcss-import可以對css檔案進行和合併

安裝

cnpm i postcss-import
配置

const pcimport =

require

('postcss-import');

module.exports =

轉換前:

@import

'./reset'

;div

reset.css

*

轉換後:

*

div

cssnano可以對css檔案進行**壓縮

安裝

cnpm i cssnano
配置

const cssnano =

require

('cssnano');

module.exports =

轉換前

div

轉換後

div

使用下個版本的css草案語法,語法見cssnext (css4)語法+

安裝

cnpm i cssnext
配置

const cssnext =

require

("postcss-cssnext");

module.exports =

轉換前

:root

div

轉換後

div

stylelint是強大的css**審查工具,可以通過設定審查條件來調整報錯

安裝

cnpm i stylelint
配置

const stylelint =

require

("stylelint");

module.exports =})

]}

示例

a

報錯

postcss-sprites可以合併自動生成雪碧圖

安裝

cnpm i postcss-sprites
配置

const sprites =

require

("postcss-sprites");

module.exports =)]

}

轉換前

p

a

轉換後

p

a

常用的Jquery外掛程式介紹

一 jquery ui jqueryui是jquery官方製作的外掛程式,它的功能非常強大,內容涵蓋也很廣,包括日期選擇 顏色選擇 tab標籤切換 拖動層 索引排序 彈出對話方塊層 滑動門效果 進度條等等,而且還支援多種顏色樣式和多種濾鏡效果。可以說,只要用了jqueryui就不怎麼需要其他外掛程式...

jQuery常用外掛程式介紹

jquery表單驗證外掛程式 validataion validation是歷史最悠久的jquery外掛程式之一,經過了全球範圍內不同專案的驗證,並得到了許多web開發者的好評。最為乙個標準的驗證方法庫,validation擁有如下特點 1 內建驗證規則 擁有必填 數字 e mail url和信用卡...

logstash常用外掛程式介紹

在 使用efk快速搭建安全可靠的日誌服務 一文中,我們已經大致介紹了分布式日誌服務的各個元件。但是對於很多實現細節,並未涵蓋到。本文主要介紹logstash用到的外掛程式,以及對外掛程式的離線打包,避免每次手動安裝外掛程式。本文主要分為4部分 外掛程式的離線打包 input外掛程式 filter外掛...