Make PostCSS загружает статические css файлы в приложение vue 3.1.1 - PullRequest
Новая
       56

Make PostCSS загружает статические css файлы в приложение vue 3.1.1

0 голосов
/ 15 ноября 2018

Я новичок в 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": {}
  }
};

Заранее спасибо

...