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

【问题标题】：NuxtJS cant load multiple CSS sheets with variablesNuxtJS 无法使用变量加载多个 CSS 表
【发布时间】：2018-05-02 07:46:35
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案1】：

它应该是~/ 或./，但不是~./。这将解决您的问题：

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

'./' 说去根文件夹，然后找到/css/...

而~/ 表示主目录。

【讨论】：

谢谢！资源也很好。修复了该问题，但不幸的是，似乎存在相同的问题。这是错误。您可以看到在 Var 表之后加载的所有内容都没有值，所有这些都使用该表中的变量。 pastebin.com/W6XhM7hR也更新了github。
CSS 链接已修复，但变量未修复...变量似乎有问题...抱歉，我现在还不知道 nuxt.js。