Запустить Compass с флагом --sourcemap
Поддерживает ли Compass параметр -sourcemap в Sass? Я хотел бы запустить Sass через Compass. У меня
sass_options = {:sourcemap => true}
в моем config.rb, но когда я запускаю compass watch
в моей папке проекта, файлы sourcemap не генерируются. С другой стороны, когда я запускаю
sass --compass --sourcemap --watch scss:css
Исходный файл сгенерирован, но config.rb игнорируется.
(Чтобы кто-нибудь задавался вопросом, что такое sourcemap, это файл, который позволяет инспектору инструментов разработчика указывать на начало стиля в файле Sass scss при проверке элемента.)
Ответы
Ответ 1
Исходные карты включены начиная с Sass 3.3 или более поздней версии, которая совместима только с Compass 1.0.
https://github.com/chriseppstein/compass/issues/1108
Добавление следующего в ваш config.rb будет только добавлять информацию sourcemap непосредственно к скомпилированному CSS:
sass_options = { :debug_info => true }
Вывод:
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/chris\/compass\/sass\/test\.scss}line{font-family:\0000314}}
.foo {
color: red;
}
Чтобы получить исходный файл (ы), вам нужно добавить этот параметр в свой config.rb:
sourcemap = true
Выход консоли:
$ compass watch
modified config.rb
clean css
delete css/test.css
>>> Compass is watching for changes. Press Ctrl-C to Stop.
write css/test.css
write css/test.css.map
Ответ 2
Решение, предоставленное @cimmanon, не помогло мне. То, что сработало для меня, было следующим (кредиты Serge-Z в https://github.com/Compass/compass/issues/1108):
sudo gem install compass-sourcemaps --pre
Затем вы просто выполняете compass watch
, как обычно, с помощью sass_options = {:sourcemap => true}
в вашем config.rb.
Если вы находитесь на OS X El Capitan и у вас есть проблемы с установкой из-за режима без корней (кредиты Thomzzzzz в https://github.com/Compass/compass/issues/2018):
sudo gem install -n /usr/local/bin compass-sourcemaps --pre
Ответ 3
Для меня это работает с
sourcemap = true
в config.rb(решение взято из https://chillco.com/blog/setting-sass-and-compass-source-maps)
Я использую компас через Koala (http://koala-app.com/)