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

Question

我在我的元素中使用带有 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 是我的源根目录。

我该如何解决？

Answer 1

当前版本 (2017.1 ATM) 当前不支持此类解析。

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

• 萨斯:https://youtrack.jetbrains.com/issue/WEB-25321
• 少:https://youtrack.jetbrains.com/issue/WEB-23707
• 更通用的工单:https://youtrack.jetbrains.com/issue/WEB-17533 (前两张票的基础)