NuxtJSは複数のCSSシートを変数でロードできません

Question

NuxtJSを使用してブログを構築しようとしています。私のレポはhereです。私は問題をNuxtレポの問題として、hereと同様に挙げました。

これは本質的に問題です。私の設定ファイルでは、自分のスタイルシートにロードします。

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

問題は、1つのシートに定義された変数には別のシートでアクセスできないように見えることがあります。 vars.cssで定義されている変数は、グローバル変数やui.cssには存在しません。

しかし、もっと奇妙ですが無視されるべきです。今のところ、ボックスシャドウが実際に動作するようです。他のすべての変数はそうではありません。

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