Как подключить плагин к PostCSS?

Question

[Айнур Ярулин]

Здравствуйте, сижу и никак не могу разобраться как подключить плагины к PostCSS
Я использую Vite.js и файл postcss.config.js. Я пробовал подключать вот так, но это не правильно

// postcss.config.js
import autoprefixer from 'autoprefixer'
import postcssColorMod from 'postcss-color-mod-function'

module.exports = {
  parser: 'sugarss',
  map: false,
  plugins: {
      'autoprefixer': autoprefixer,
      'postcss-color-mod': postcssColorMod
  }
}

По крайне мере исходя из документации для postcss-load-config я подумал что плагины
нужно подключать именно так, но у меня как всегда ничего не работает

Answer 1

[Айнур Ярулин]

Я тупой. Нужно подключать плагины не в файле postcss.config.js, а в vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import autoprefixer from 'autoprefixer'
import postcssColorMod from 'postcss-color-mod-function'


export default defineConfig({
  plugins: [vue()],
  css: {
    postcss: {
      plugins: [ autoprefixer, postcssColorMod ]
    }
  }
})