У меня есть работающее приложение Vue, созданное с помощью Vue CLI 4, а также установленное Tailwind CSS с помощью этого руководства . Поскольку я хочу поместить свои пользовательские компоненты в отдельные файлы и записать их в S CSS, мой файл конфигурации попутного ветра выглядит как
// tailwind.scss
@tailwind base;
@tailwind components;
@import '@/assets/scss/components/button.scss';
@tailwind utilities;
При обслуживании приложения с помощью vue-cli-service serve или при его создании с помощью vue-cli-service build отлично работает, мне не хватает функции автозаполнения в моей IntelliJ IDEA для всех классов попутного ветра, так что мне не нужно использовать (даже очень крутые) шпаргалки, такие как this .
My Идея состоит в том, чтобы представить сценарий npm, который построит полный tailwind.css, чтобы среда IDE могла использовать его при автозаполнении классов css. Я знаю, что могу вручную создать такой файл с npx tailwindcss build tailwind.scss -o tailwind.css.
Однако, хотя это дает мне автозаполнение для встроенных классов попутного ветра, оно, конечно, не компилирует S CSS в моих пользовательских компонентах и не разрешает @import вообще. Решение может заключаться в 1) разрешении @import, 2) компиляции S CSS в CSS и 3) использовании вышеупомянутого tailwindcss build для окончательного построения полного tailwind.css.
Поскольку У меня очень мало опыта работы с Webpack, интересно, можете ли вы дать мне несколько советов, как этого добиться. Вы бы даже использовали Webpack для этой задачи?