在Webpack中使用gridle或SASS库

Question

如何在Webpack中使用gridle？我试图导入它在我的项目中使用，但我得到一个错误。

我尝试以下操作：

1. 通过NPM安装：npm i gridle --save
2. 进口gridle到entry.js
3. 创建文件grid.scss并试图使用gridle混入。
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";。它的工作