Блог

Я пытаюсь использовать попутный ветер с vue 2. Ранее я пытался использовать попутный ветер с vue 3, и мне это удалось.

Шаги

1. У меня был проект vue 2 с настройкой sass, маршрутизатора и всего остального.
2. Я установил tailwind и его зависимости, используя npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9.
3. Я создал postcss.config.js и tailwind.config.js

 // postcss
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}
 

 //tailwind config
module.exports = {
  purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  important: true,
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
}
 

Затем я импортировал tailwind в свой основной файл sass вверху.

 @tailwind base;
@tailwind components;
@tailwind utilities;
 

Наконец, я импортировал это в свой main.js файл вместе с другими файлами sass.

 // main.js
import './assets/sass/main.scss'
import './assets/sass/variables.scss'
 

Это не дает мне ошибки. Но когда я использую классы попутного ветра, это не работает, это просто назначение этого класса.
Я просмотрел их документы, но ничего не смог найти. Я что-то упускаю?