Ошибка Eslint в сообщении css .config в vue -cli

Question

Я запустил новый проект vue -cli с

vue create -n tailwind-demo

? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, TS, PWA, Vuex, Linter
? Use class-style component syntax? Yes
? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? Yes
? Pick a linter / formatter config: Prettier
? Pick additional lint features: Lint on save, Lint and fix on commit
? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files

Я также добавил следующее postcss.config.js:

module.exports = {
  plugins: [
    require("postcss-preset-env")({ stage: 0 }),
    require("tailwindcss")(),
    require("autoprefixer")()
  ]
};

Когда я запускаю команду yarn lint он получил следующие ошибки

error: Require statement not part of import statement (@typescript-eslint/no-var-requires) at postcss.config.js:3:5:
error: Require statement not part of import statement (@typescript-eslint/no-var-requires) at postcss.config.js:4:5:
error: Require statement not part of import statement (@typescript-eslint/no-var-requires) at postcss.config.js:5:5:

Как я могу импортировать плагины или как мне настроить eslint в Vue CLI для сообщения css .config. js?

Я пробовал что-то вроде

import tailwindCss from "tailwindcss";

Но я получил SyntaxError: Unexpected identifier во время строительства.

Answer 1

Кажется, работает со следующими postcss.config.js

module.exports = {
  plugins: {
    "postcss-preset-env": {
      stage: 0
    },
    tailwindcss: {}
  }
};