小编And*_*nko的帖子

我sass-loader在项目中使用webpack 2，并且需要在组件样式文件中导入一些全局Sass文件（在我的情况下为Sass变量文件）。我不想为全局文件编写相对路径，而是要使用绝对路径。

即我想写

@import "~styles/variables";

代替

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

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

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

所有这些工作均符合我的预期，并且webpack可以正确编译Sass。但是WebStorm无法理解使用代字号的导入，并在此导入下划线并带有错误。

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

我该如何解决？