2

我已经设法使用 webpack 配置和使用波旁威士忌。我刚刚在 sass loader 中包含以下内容

&includePaths[]=' + bbPath

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

 @import "bourbon";

我现在可以工作了，因为我通过 scss 文件调用 mixins 并且我看到了输出，而且 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 bourbon 是有效的？

4

1 回答 1

2

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

WebStorm File Menu --> Preferences --> Directories --> 右键单击​​您的node_modules目录并检查 Resource Root 选项。

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

于 2016-10-13T14:49:41.227 回答