Grunt с компасом и часами компилируется медленно

Наряду с тем, что Саймон упомянул об опции watch grunt-contrib-compass, вы можете использовать grunt-concurrent для запуска двух процессов. , фактически grunt watch и compass watch рядом друг с другом:

concurrent: {
    watch: {
        tasks: ['watch', 'compass:watch'],
        options: {
            logConcurrentOutput: true
        }
    }
},
compass: {
    watch: {
        options: {
            watch: true
        }
    }
}

Если вы хотите запускать компас из Grunt при сборке, развертывании или чем-то еще, что требует compile вместо watch, вам нужно создать вторую задачу компаса и использовать ее:

compass: {
    // Compass grunt module requires a named target property with options.
    compile: {
        options: {}
    }
}

Что ж, вы можете смотреть, используя опцию Grunt-contrib-compass watch. Это создаст часы с компасом, так что у вас будет лучшая производительность. Хотя это не позволит вам просматривать несколько типов файлов (например, если вы также просматриваете файл .coffee или всегда перестраиваете js и т. д.).

Если вам абсолютно необходимо grunt-contrib-watch, убедитесь, что кеширование sass активировано с помощью задачи grunt. Из вашего конфига, вставленного сюда, похоже, что это так. Но проблема с кешем обычно является причиной того, что компасу требуется много времени для компиляции; поэтому я бы на вашем месте перепроверил свой Gruntfile.js.

Кроме того, обработка большого количества спрайтов и методов обработки изображений может занять довольно много времени.

Может быть, немного опоздал на вечеринку по этому поводу, но на случай, если это кому-нибудь поможет:

Я обнаружил такую ​​​​же плохую производительность с grunt-contrib-watch и sass. Кажется, лучший способ обойти это — использовать другой плагин для часов. Я обнаружил, что grunt-watch-nospawn (в отличие от grunt-contrib -watch plugin) гораздо быстрее компилирует sass. Довольно значительно - я вижу улучшения примерно на две секунды.

Если вы хотите дополнительно настроить скорость, вы можете использовать grunt-sass вместо grunt-contrib-sass. который использует libsass, чтобы обеспечить еще одно увеличение скорости.

Это в сочетании с автопрефиксером, например. nDmitry (не может связать, нет репутации) это должно заполнить пробелы в функциональности, оставшиеся после исключения Compass.

Надеюсь, это поможет.

Я знаю, что этому вопросу уже несколько лет, но я подумал, что добавлю еще одну возможную причину/решение.

Во-первых, попробуйте запустить свой grunt-сервер с помощью --verbose и посмотрите, где ваша задача sass занимает большую часть времени. Существуют плагины, которые будут сообщать о времени, которое занимает каждая часть вкуса, но для меня простое наблюдение за выводом --verbose ясно дало понять, где была задержка. Для меня это была не настоящая задача sass, а загрузка ненужных зависимостей.

Как указано в этой проблеме в репозитории Grunt на GitHub, одна из причин, по которой некоторые задачи могут занять долгое время для завершения заключается в том, что Grunt загружает все задачи каждый раз при запуске. Таким образом, несмотря на то, что grunt-contrib-watch запускает только задачу compass:dist, когда вы меняете файлы sass, grunt по-прежнему загружает все задачи и их зависимости.

Теперь есть плагин под названием jit-grunt (или на npm), который решает эту проблему и загружает только то, что необходимо для выполнения вашей задачи. Это помогло моей задаче с компасом выполниться намного быстрее.