Попытка настроить проект Vuejs с помощью веб-пакета, который включает TailwindCSS. Я следовал инструкциям из поста Джерри в блоге (https://www.jerriepelser.com/blog/using-tailwindcss-with-vuejs/), а также примера Адама на github (https://github.com/adamwathan/vue-cli-tailwind-example).), но продолжаю сталкиваться с проблемой, когда дело доходит до создания файла main.css.
Мои шаги:
1.) Создание проекта Vue -
vue init webpack tailwind-test
2.) Затем я запускаю установку NPM -
npm install
С моим Vue Project я пытался добавить Tailwind с некоторыми трудностями.
3.) Установить Tailwind NPM -
npm install tailwindcss --save-dev
4.) Затем добавьте мой конфигурационный файл -
./node_modules/.bin/tailwind init tailwind.js
Здесь у меня проблемы ...
5.) Создание файла CSS -
cd src
cd assets
mkdir styles
touch main.css
6.) Затем я ввожу свой файл main.css и добавляю -
@tailwind preflight;
@tailwind utilities;
Отсюда мой текстовый редактор возвращает ошибку «неизвестное правило», из-за которой я не могу обновить последние штрихи в моем файле .postcssrc.js.
Любой отзыв будет очень признателен!
Спасибо
-MB