javascript - NuxtJS 无法使用变量加载多个 CSS 表

Question

我正在尝试使用 NuxtJS 构建博客.我的 repo 是 here .我也将我的问题列为 Nuxt 存储库中的问题 here .

本质上就是这个问题。在我的配置文件中，我加载了我的样式表。

 css: [
    '~./css/reset.css',
    '~./css/vars.css',
    '~./css/global.css',
    '~./css/ui.css'
  ],

问题似乎是一张表中定义的变量不能被另一张表访问。 vars.css 中定义的变量对于全局或 ui.css 不存在

但更奇怪但可能应该被忽略的是，目前看来只有 box-shadow 似乎真的有效。所有其他变量都没有。

Answer 1

它应该是 ~/ 或 ./ 而不是 ~./。这将解决您的问题:

css: [
    './css/reset.css',
    './css/vars.css',
    './css/global.css',
    './css/ui.css'
  ],

'./' 表示转到根文件夹，然后找到 /css/...

而 ~/ 表示主目录。

有关详细信息，请参阅以下帖子:

What does mean a tilde key in a file path

Link a .css on another folder