#angular #postcss-loader
#angular #postcss-загрузчик
Вопрос:
Моя цель — настроить Tailwind в существующем проекте Angular с Material и scss. Я следовал этому руководству, и, похоже, большинство вещей работает. Однако в проекте у нас есть variables.scss файл с несколькими переменными, определенными как:
$spaceSize32: 32px;
$spaceSize58: 48px;
Мы импортируем переменные в нашем компонентном стиле с:
@import 'variables.scss';
Однако после обновления до tailwind при попытке скомпилировать Angular выдается следующая ошибка:
Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Failed to find '~variables.scss'
Что мы можем сделать, чтобы исправить эту ошибку?
Комментарии:
1. Файл Variables.scss — это файл вашего проекта или Tailwind.
2. тильда (~), похоже, не поддерживается postcss ( github.com/postcss/postcss-import/issues/403 )
3. переменные.scss — это файл проекта
4. Я думаю, вам следует определить путь к файлу variables.scss при импорте. Например, @import ‘./variables.scss’
5. Закончилось удалением глобальных переменных 😕