Я настраиваю исходные карты SASS (grunt-contrib-sass) в задаче Grunt. В идеале CSS всех моих проектов должен быть объединен в один файл, а исходные карты должны соответствовать исходному источнику.
Моя первоначальная мысль заключалась в том, что было бы проще просто сохранить исходный код в отдельных файлах, что упростило бы задачу, поскольку сопоставление будет 1-к-1, с одним выходным файлом .css для каждого исходного файла .scss. Но это не было бы идеальным решением для остальных наших проектов, поскольку мы хотели бы свести HTTP-запросы к минимуму.
Я вижу, как я могу объединить свои исходные файлы и вывести из них SASS для одного выходного файла, или я могу объединить свой вывод .css после того, как SASS экспортирует его, но, очевидно, сопоставление не будет верным ни в одной из этих реализаций.
Похоже, это должно быть особенностью grunt-contrib-sass, но я не нахожу такой функции.
Моя конфигурация SASS выглядит так:
sass: {
dist: {
files: [{
expand: true,
cwd: './src/',
src: ['**/*.scss', '**/*.sass'],
dest: './dist',
ext: '.css'
}],
options: {
style: 'compressed',
}
}
},
Я попробовал параметры стиля в документации и нашел только два из четырех: сжатый» и «расширенный» действительно работают. «компактный» и «вложенный» не работают. Я не вижу варианта, который выглядит конкретно для того, что мне нужно.
Как я могу вывести из SASS в один файл CSS и сохранить правильное сопоставление источника с несколькими исходными файлами?