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 文档

贡献者

感谢所有帮助改进此文档的贡献者！