Как подключить PostCSS к Vite.js?

@squadbrodyaga

Здравствуйте, подскажите пожалуйста как подключить PostCSS к Vite JS, в документации
всё не очень понятно.

Я создал пустой проект и вот что я сделал дальше:

1. Я установил плагин postcss-nesting и импортировал его в файл vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import postcssNesting from 'postcss-nesting';

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

2. В файле App.vue в теге style задал язык postcss

<style scoped lang="postcss">
...
</style>

Но это не сработало, может кто сталкивался с этим?

Решения вопроса 2

@Fragster

Ходят слухи (в документации к vite), что нужно в корне проекта сделать файл postcss.config.js (или любой, поддерживаемый https://github.com/postcss/postcss-load-config) и всё взлетит.
пс: lang=»postcss» не нужен, но это не точно

Ответы на вопрос 0

Похожие записи:

Добавить комментарий Отменить ответ