Make PostCSS загружает статические css файлы в приложение vue 3.1.1
Я новичок в VueJS, и только что начал новый проект с Vue Cli.
У меня есть статический файл CSS в src/assets/stylesheets/variables.css где я помещаю все свои переменные CSS (используя собственные переменные CSS, а не переменные Scss).
Я импортирую этот файл в разделе стилей моего основного файла App.vue, и он работает хорошо, я могу использовать все переменные CSS, объявленные в этом файле.
Я хотел бы использовать будущий синтаксис CSS для пользовательских медиа-запросов (с использованием postCSS). @custom-media --med (width <= 50rem);Для этого у меня был плагин postcss-custom-media.
Проблема в том, что мой статический файл ресурсов не интерпретируется postCSS (и соответствующими плагинами), тогда пользовательский носитель не работает. Если я объявляю пользовательский носитель в компоненте App.vue, он работает (потому что postCSS знает о моих компонентах vue).
Мой вопрос: как я могу сказать postCSS искать и мои статические css файлы? Я прочитал много документации по этому вопросу, но не смог найти способ ее решить.
Мой файл postcss.config.js содержит:
module.exports = {
plugins: {
autoprefixer: {},
"postcss-custom-media": {}
}
};
заранее спасибо