PostCSS教學 - 基本設定與常用外掛 (Plugins)

Опубликовано: 03 Апрель 2026
на канале: Wei Wei 前端教學
522
25

PostCSS 是一套 CSS 語法轉換的開發工具,善用社群的各種 Plugins,能夠幫助我們提高開發 CSS 的效率。

官網:https://postcss.org/

筆記:https://wei-docusaurus-vercel.vercel....

個人網站筆記:https://wei-docusaurus-vercel.vercel....

autoprefixer:https://github.com/postcss/autoprefixer

postcss-preset-env:https://github.com/csstools/postcss-p...

precss:https://github.com/csstools/precss

postcss-import:https://github.com/postcss/postcss-im...

postcss-uncss:https://github.com/uncss/postcss-uncss

postcss-assets:https://github.com/borodean/postcss-a...

0:00 介紹
1:40 環境與外掛安裝
4:47 PostCSS 設定檔
5:10 autoprefixer
6:51 postcss-preset-env
11:44 precss
13:24 在 VS Code 安裝 PostCSS 擴充套件
15:10 postcss-import
16:50 postcss-uncss
18:36 postcss-assets

#css #postcss #plugins