Sass 波旁威士忌和网页包：WebStorm抱怨没有在IDE中解析波旁威士忌

我已经设法用webpack配置并使用bourbon。我刚刚在sass loader中包含了以下内容

&includePaths[]=' + bbPath

在SCSS文件中，我只是这样做

 @import "bourbon";

我现在可以工作了，因为我正在通过scss文件调用mixin，我看到了输出，而且webpack没有抱怨

问题是，在WebStorm IDE中，它声明上面的

@import

行bourbon无法解决

我试过了

@import "~bourbon";

这让WebStorm很开心，但网页包失败了

Module build failed:
var path = require('path');
^
      Invalid CSS after "v": expected 1 selector or at-rule, was "var path = require("
      in /Users/test/node_modules/bourbon/index.js (line 1, column 1)

---

也许这里的错误是WebStorm，有没有办法强迫WebStorm理解@import bourbon是有效的？

我相信您可以通过告诉WebStorm根资源路径来控制所有SCS文件的路径

WebStorm文件菜单-->首选项-->目录-->设置根资源目录

---

设置后，WebStorm IDE将知道您导入的“bla-bla”文件。

如果您的项目中有Bourbon，请尝试将其标记为资源根目录（在项目视图中右键单击-标记为资源根目录）。