WebStorm。私は.vueでSCSSを定義し、 "@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"; 

でエラーが表示されますが、このパスはWebPACKの別名です。 Cannot resolve directory '~scss'と表示されます。

WebStormにWebpackのエイリアスがあることを知らせる方法はありますか、これ以上エラーは表示されませんか？

Answer 1

最新の情報はWEB-25321にお問い合わせください。 WebStormは、解決するWebpack固有のモジュール（resolve.moduleDirectories、resolve.root、resolve.aliasなど）をサポートしていません。 ~がnode_modulesディレクトリの場合、 "@import '〜webpackPackage/test.css'のようなwebpack固有のインポートでエラーが発生しないように、スタイルシート言語（LESS、SCSS）には基本的なサポートが提供されています。 https://youtrack.jetbrains.com/issue/WEB-23707#comment=27-1657238