Tailwind CSS V4 с SASS: изменения в SCSS не отражаются автоматически ⇐ Html

[Anonymous]

В настоящее время я работаю над веб -проектом, используя Tailwind CSS V4 вместе с SASS без каких -либо рамок. Поскольку Tailwind CSS V4 больше не поддерживает SASS напрямую, я установил конвейер сборки в качестве обходного пути.

Код: Выделить всё

input.scss

- содержит мои пользовательские стили SCSS.

Код: Выделить всё

input.css

- Импорт Tailwind и скомпилированные SCSS.
Эта структура необходима, потому что SASS не поддерживает импорт директив Tailwind (например, @Import "TailWindcss"; ) напрямую.
Построение трубопровода
Здесь работает процесс строительства. />

• Стили записи в input.scss .
• Этот файл составлен в dist/temp.css sass.

  Код: Выделить всё

  input.css

  Импорт как Tailwind, так и скомпилированный CSS (

  Код: Выделить всё

  temp.css

  ).
• tailwind процессы input.css и выводит конечный результат в dist/output.css .

orchestrate the Build с использованием следующих Scripts in Packecon. />

Код: Выделить всё

"scripts": {
"sass": "sass --no-source-map src/stylesheets/input.scss dist/temp.css",
"tailwind": "npx @tailwindcss/cli -i ./src/stylesheets/input.css -o ./dist/output.css --watch",
"watch:sass": "chokidar 'src/stylesheets/**/*.scss' -c 'npm run sass'",
"dev": "npm run sass && concurrently \"npm run watch:sass\" \"npm run tailwind\""
}

проблема
Проблема возникает при изменении input.scss . Изменения в HTML -файлах запускают живую перезагрузку, как и ожидалось. Тем не менее, изменения в input.scss не отражаются на веб -странице, даже после вручную перезагрузку браузера. Я пытаюсь включить настройку браузера-sync , но, похоже, не работает.

Код: Выделить всё

/dist/
└── output.css
└── temp.css
/src/stylesheets/
└── input.scss
└── input.css
/package.json
< /code>
 input.css
@import "tailwindcss";
@import "../../dist/temp.css";

Вопрос
Как я могу получить изменения в input.scss , чтобы запустить восстановление и автоматически отражать в браузере во время разработки? Есть ли лучший способ структурировать трубопровод или улучшить настройку часов, чтобы правильно изменить переоборудование SCSS?

Подробнее здесь: https://stackoverflow.com/questions/796 ... omatically