node.js - Susy 网格与 webpack 和 sass-loader

Question

我对 Node 还很陌生，我正在尝试使用 Susy 网格，但出现此错误

ERROR in ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./scss/waterbottle.scss
Module build failed: 
    @include gallery(1 of 2);
            ^
      No mixin named gallery

我用这个命令安装了 Susy 和 sass-loader

npm install sass-loader --save-dev

并在我的 .scss 文件中导入 Susy，如下所示

@import "~susy/sass/susy";

我尝试过改变这条路径，但没有成功。我不应该按照 their website 那样做.

我的项目文件结构

Webpack 似乎正确定位了 Susy 文件，但不知何故无法识别它的 mixin。

Answer 1

您可能在没有阅读变更日志的情况下安装了 Susy3。 Susy3 不再有gallery mixin。检查susy3 intro and documentation更多细节。如果您想继续下去，Susy2 将在可预见的 future 得到维护。