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

时间:2017-11-18 17:46:40

标签: javascript css static vue.js nuxt.js

我正在尝试使用NuxtJS构建博客。我的回购是here。我将我的问题列为Nuxt repo上的一个问题here

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

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

问题似乎是一张纸上定义的变量无法被另一张纸访问。 vars.css中定义的变量对于global或ui.css

不存在

但是更奇怪的是什么,但可能应该被忽略,因为现在看起来只是盒子阴影似乎确实有效。其他变量都没有。

1 个答案:

答案 0 :(得分: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