javascript - WebStorm无法识别使用用法webpack别名导入的Sass文件

我在元素中将Webpack 2与sass-loader一起使用，并且需要在组件样式文件中导入一些全局Sass文件(在我的情况下为Sass变量文件)。我不想为全局文件编写相对路径，而是要使用绝对路径。

即我想写

@import "~styles/variables";

代替

@import "../../../variables"

为此，我在我的webpack配置中为'styles'目录使用别名

resolve: {
 ...
  alias: {
    'styles': helpers.root('src/styles'),
  }
}

所有这些都按我的预期工作，并且webpack正确编译了Sass。但是WebStorm不了解使用代字号的导入，并在此导入下划线并带有错误。

我已经在WebStorm设置中指出src是我的Source Root目录。

我该如何解决？

最佳答案

当前版本(2017.1 ATM)当前不支持这种解决方案。

观看这些票(星号/投票/评论)以获取有关任何进度的通知。

Sass:https://youtrack.jetbrains.com/issue/WEB-25321

最少:https://youtrack.jetbrains.com/issue/WEB-23707

更多通用票证:https://youtrack.jetbrains.com/issue/WEB-17533(前两张票证的基础)

关于javascript - WebStorm无法识别使用用法webpack别名导入的Sass文件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43324334/