Как обрабатывать SASS/LESS в GruntJS

Question

Есть ли версия grunt-processhtml для SASS/LESS?
В моем scss мне нужно установить переменную $icon-font-path (да, bootstrap) на разные значения, зависящие от того, находимся ли мы в режиме dev или собираем производственный код.

Последнее, что я хочу сделать, это переместить объявление переменной в отдельный файл (dev & prod version) и заменить его в моем процессе сборки.

Мои Gruntfile: https://github.com/vucalur/django-wibses/blob/master/wibses/yo/Gruntfile.js

Answer 1

Конечно, есть способ, использовать importPathhttps://github.com/gruntjs/grunt-contrib-compass вариант, который сделал бы файлы в указанной папке обнаружимой директивы @import Сассы.

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

И иконка-путь-DEV будет _filepathvar.scss, которая будет иметь переменную в качестве

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

И иконка-путь-прод будет иметь _filepathvar.scss, который будет иметь переменную в качестве

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

Вы можете использовать это под основной файл SCSS как

@import "filepathvar";