PostCSS 外掛說明

以下為自己使用過的 PostCSS 外掛及功能說明；PostCSS 搭配 Gulp 使用

• postcss-import 載入外部檔案
• postcss-nesting 依 CSS 規範使用嵌套寫法
• postcss-nested 依 SASS 方式使用嵌套寫法
• postcss-responsive-font 自動設定 responsive 文字縮放範圍
• postcss-responsive-type 功能同 postcss-responsive-font；但可加設定行距縮放
• postcss-preset-env 轉換 CSS 為現行瀏覽器可識別版本
• postcss-webp 背景圖片使用 webp 寫法(僅產生寫法，需自行轉換 webp 圖片)
• cssnano 壓縮 CSS