如何在grunt-sass中使用功能?

丽贝卡

我当前的项目使用grunt-sass将scss文件转换为css。根据grunt-sass文档,除少数几个以外,我可以使用node-sass提供的任何选项:

选件

请参阅node-sass选项,但文件,outFile,成功,错误除外。

我的项目从一个SCSS文件中编译出两个CSS文件。SCSS文件中包含if语句,根据版本变量的值提供不同的代码($ bootstrap-version:3;或$ bootstrap-version:4;)。

我想使用node-sass选项functions将引导程序版本返回到我的SCSS文件。

这是我的gruntfile。functions: {...}路是我本来期望的选择工作。

// Compile Sass
sass: {
bootstrap3: {
    options: {
      style: 'expanded'
      functions: {getBootstrapVersion: function(){return 3;}}
    },
    files: {
      'dist/bootstrap3/css/my-bs3-variation.css': './bootstrap3/scss/my-bs3-variation.scss'
    },
},
bootstrap4: {
    options: {
      style: 'expanded',
      functions: {getBootstrapVersion: function(){return 4;}}
    },
    files: {
      'dist/bootstrap4/css/my-bs4-variation.css': './bootstrap4/scss/my-bs4-variation.scss'
    }
}

在SCSS文件中,我这样调用该函数:

$bootstrap-version: getBootstrapVersion();

h1:before {
    content: "Bootstrap " + $bootstrap-version + " Version of ";
}

但是,当尝试对其进行编译时,我得到了>> Error: error in C function getBootstrapVersion: A SassValue object was expected.调用函数所在行的错误信息。

node-sass文档中的示例对我没有太大帮助。我做错了什么?还是有我没有找到的更好的例子?

我使用grunt-sass版本2.0.0和node-sass版本4.7.2

米尔

函数必须返回一个SassValue对象。

不幸的是,我认为grunt-sass单独使用它是不可能的,因为我们需要包装您返回的数字43键入中定义的函数node-sassgrunt-sass不会公开...)。

例如,使用javascript中的node-sass,可能会使用类似于声明为Number的方式sass.types.Number(4)4SassValue

sass是node-sass import const sass = require('node-sass');,在grunt中不可用...

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Jquery中使用功能?

如何在Spark中使用功能mapPartitionsWithIndex?

如何在react-avatar-editor中使用功能

如何在RobotFramework中使用功能齐全的JsonPath?

如何在Catel DataWindow中使用功能区

如何在多个驱动程序中使用功能?

如何在应用功能中使用cor.test?

如何在过滤条件pyspark中使用功能

如何在Grunt中使用stylelint?

如何参考在Excel VBA中使用功能的工作簿?

如何在Linux内核中使用功能指针打印功能名称?

如何在反应中使用功能组件单击按钮时显示组件

如何在angular 2+中使用功能齐全的JsonPath?

如何在Vue中的其他文件中使用功能

UFT 14.00如何在不同操作中使用功能的属性

如何在React Native中使用功能组件的方法到类组件中?

如何在Android Studio中使用功能添加单独的文件

如何在模板参数和参数包中使用启用功能?

如何逐步使用功能

如何使用功能标记?

如何在Xamarin移动应用中使用功能级别授权安全地调用Azure功能?

如何在Grunt中的JavaScript中使用变量

如何在pm2中使用Grunt / Gulp?

如何在Cloud9 IDE中使用grunt服务?

如何在不同的选项/参数中使用相同的grunt任务?

如何在PHP项目中使用grunt-usemin?

如何使用async / await在React Native中使用功能从AsyncStorage检索值

如何使用功能在jQuery中使用onload和onclick调用不同的ajax调用

如何使用功能组件在React中使用活动类创建选项卡