Question

SASS / LESS是否有grunt-processhtml的版本？
在我的scss中，我需要将变量$icon-font-path（是的，引导程序）设置为不同的值，这取决于我们是处于开发模式还是我们正在组装生产代码。

我要做的最后一件事是将变量声明移动到一个单独的文件（dev＆amp; prod版本），并在我的构建过程中替换它们。

我的Gruntfile：https://github.com/vucalur/django-wibses/blob/master/wibses/yo/Gruntfile.js

Answer 1

当然有一种方法，使用https://github.com/gruntjs/grunt-contrib-compass的importPath选项，这将使Sass的@import指令可以找到指定文件夹下的文件。

compass: {
  dev: {
    options: {
      importPath: 'src/sass/icon-path-dev',
    }
  },
  prod: {
    options: {
      importPath: 'src/sass/icon-path-prod',
    }
  }

并且icon-path-dev将具有_filepathvar.scss，其变量为

$icon-font-path  : 'dev-font/path';

而icon-path-prod将包含_filepathvar.scss，其变量为

$icon-font-path  : 'prod-font/path';

然后您可以在主scss文件下使用它，如

@import "filepathvar";

如何在GruntJS中处理SASS / LESS

1 个答案: