带webpack的波旁威士忌:WebStorm抱怨没有在IDE中解析波旁威士忌

Question

我已经成功配置并使用webpack处理波旁威士忌。我刚刚在sass加载器上包含了以下内容

&includePaths[]=' + bbPath

在SCSS文件中，我只做

 @import "bourbon";

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

问题是，在WebStorm IDE中，它声明上面的@import行波旁威士忌无法解决。

我试着做

@import "~bourbon";

这让WebStorm很高兴，但webpack在中失败了

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波旁威士忌是有效的？

Answer 1

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

WebStorm文件菜单-->首选项-->目录-->右键单击node_modules目录并选中"资源根"选项。

一旦设置好，WebStorm IDE就会知道您导入的@'bla-bla'文件。