WebStorm. 나는 .vue에서하는 SCS를 정의 할 때, 디스플레이 오류 "@import가 'XXX'이 (가) 있습니다"

Question

demo.vue :

<template> 
    ... 
</template> 
<script type="text/ecmascript-6"> 
    ... 
</script> 
<style lang="scss" rel="stylesheet/scss"> 
    @import "~scss/variables.scss"; 
    .pop-up-box { 
     ... 
    } 
</style> 

다 괜찮 : 컴파일, 코딩 작업.

그냥 WebStorm은 ~scss/variables.scss의 경로를 확인하려는 때문에 WebStorm의

@import "~scss/variables.scss"; 

에서 오류를 표시하지만이 경로는 웹팩 별명입니다. Cannot resolve directory '~scss'이 표시됩니다.

WebStorm에서 webpack 별칭인지 알려주거나 더 이상 오류를 표시하지 않을 방법이 있습니까?

Answer 1

현재로서는 업데이트를 위해 WEB-25321을 따르시기 바랍니다. WebStorm은 (resolve.moduleDirectories, resolve.root, resolve.alias 등) 해결하는 Webpack 특정 모듈을 지원하지 않습니다. 스타일 시트 언어 (LESS, SCSS)에 대한 기본 지원이 제공되므로 ~이 node_modules 디렉토리 인 경우 "@import '~ webpackPackage/test.css'"와 같은 webpack 특정 가져 오기가 오류를 발생시키지 않습니다. https://youtrack.jetbrains.com/issue/WEB-23707#comment=27-1657238