带有 webpack 和 sass-loader 的 Susy 网格

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 文件，但不知何故无法识别它的混入。

Answer 1

您可能没有阅读更新日志就安装了 Susy3。 Susy3 不再有 gallery 混入。查看 susy3 intro and documentation 了解更多详情。 Susy2 将在可预见的未来得到维护，如果你想继续使用的话。

带有 webpack 和 sass-loader 的 Susy 网格

Susy grid with webpack and sass-loader

node.js

webpack

susy

susy-sass

sass-loader