Question

我是VueJS的新手，刚开始使用vue cli启动一个新项目。

我在src/assets/stylesheets/variables.css中有一个静态的CSS文件，在其中放置了所有的CSS变量（使用本机CSS变量，而不是CSS变量）。

我正在主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": {}
  }
};

预先感谢