PostCSS

PostCSS позволяет разработчикам писать современный CSS, сохраняя при этом обратную совместимость и повышая производительность. Он анализирует CSS-код и пропускает его через серию плагинов, которые могут изменять, оптимизировать и расширять CSS, прежде чем вывести конечный результат.

Использование

Вы можете добавить PostCSS в свой проект с помощью следующего стартового шаблона Qwik:

npm run qwik add postcss

Это создаст новый файл postcss.config.js в корне проекта со следующими зависимостями и конфигурацией.

• Autoprefixer
• PostCSS Preset Env

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

Если вы хотите добавить новый плагин, такой как CssNano, выполните следующую команду и обновите postcss.config.js.

npm install cssnano --save-dev

module.exports = {
  plugins: {
    /* предыдущая конфигурация плагина */
    "cssnano": {
      preset: "default"
    }
  },
}

Для получения дополнительной документации ознакомтесь с PostCSS Docs