带有 webpack 和 sass-loader 的 Susy 网格

Posted 2023-02-22

【中文标题】带有 webpack 和 sass-loader 的 Susy 网格

【英文标题】：Susy grid with webpack and sass-loader

【发布时间】：2018-03-03 09:08:24

【问题描述】：

我对 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 文件，但不知何故无法识别它是 mixins。

【问题讨论】：

尝试运行 npm rebuild node-sass

嗨@rjustin。它说“测试二进制二进制很好”，但仍然出现错误

【参考方案1】：

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