NuxtJS는 변수가있는 여러 CSS 시트를로드 할 수 없습니다.

Question

NuxtJS을 사용하여 블로그를 만들려고합니다. 내 repo는 here입니다. 내 문제를 Nuxt repo의 문제로 나열한 것은 here입니다.

기본적으로 문제가 있습니다. 내 설정 파일에서 내 스타일 시트를로드합니다.

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

문제는 한 시트에 정의 된 변수가 다른 시트에 액세스 할 수없는 것 같습니다. 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