PostCSS

PostCSS 允許開發人員編寫現代 CSS，同時保持向後相容性和提高效能。它會解析 CSS 程式碼，並將其傳遞給一系列外掛，這些外掛可以在輸出最終結果之前修改、優化和擴展 CSS。

用法

您可以使用以下 Qwik 入門指令碼將 PostCSS 新增至您的專案

npm run qwik add postcss

這將在專案的根目錄中建立一個新的 postcss.config.js 檔案，其中包含以下依賴項和配置。

postcss.config.js

module.exports = {
  plugins: {
    autoprefixer: {},
    "postcss-preset-env": {
      stage: 3,
      features: {
        "nesting-rules": true,
      },
    },
  },
}

如果您想新增像 CssNano 這樣的插件，請執行以下命令並更新 postcss.config.js。

npm install cssnano --save-dev

postcss.config.js

module.exports = {
  plugins: {
    /* previous plugin configuration */
    "cssnano": {
      preset: "default"
    }
  },
}

如需更多說明文件，請查看 PostCSS 文件

貢獻者

感謝所有協助改進此文件的貢獻者！