在Webpack中使用gridle或SASS库

Question

如何在Webpack中使用gridle？我正在尝试导入它以在我的项目中使用，但我收到了错误。

我尝试了以下内容：

1. 通过NPM安装：npm i gridle --save
2. 将gridle导入entry.js
3. 创建文件grid.scss并尝试使用gridle mixin。
4. 在grid.scss
中的gridle下方导入entry.js

entry.js

import "fabric"
import "gridle"
import "../scss/fonts.scss"
import "../scss/grid.scss"

grid.scss

@include gridle_setup((
  context : 12,
  gutter-width : 20px,
  direction : rtl,
));

我得到的错误是：

@include gridle_setup((
        ^
      No mixin named gridle-setup

Answer 1

在scss文件中尝试@import "~gridle/sass/grid";。它的工作