2015-08-25 5 views
1

Это мой первый опыт работы с Compass и столкнулся с проблемой, связанной с сжатыми SCSS-файлами Compass.Compass удаляет точку с запятой при сжатии файлов SCSS, вызывая проблему импорта CSS

У меня был простой .scss файл со следующим кодом:

@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'); 

.fa-apple, .fa-android, .fa-twitter { 
    font-size: 60px; 
} 

мне определить Gulp задачу компиляции файла и здесь является задача:

gulp.task('compass', function() { 
    gulp.src('app/scss/style.scss') 
     .pipe(compass({ 
      config_file: './config.rb', 
      css: 'app/css', 
      sass: 'app/scss', 
      require: ['susy', 'breakpoint'] 
     })) 
     .pipe(gulp.dest('app/css')); 
}); 

И это мой config.rb :

require 'susy' 
require 'breakpoint' 

project_type = :stand_alone 
http_path = "/" 
sass_dir = "app/scss" 
css_dir = "app/css" 
images_dir = "app/images" 
fonts_dir = "app/fonts" 
javascript_dir = "app/js" 
line_comments = true 
preferred_syntax = :scss 
output_style = :compressed 
relative_assets = true 

Поэтому я установил output_style до :compressed, чтобы минимизировать результат CSS. Это то, что я получил в файле результат css:

@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css").fa-apple,.fa-android,.fa-twitter{font-size:60px} 

Compass удалена окончание точки с запятой в @import заявления, которое приводит к неожиданному стайлинга на этой странице.

Когда я сменил output_style на :expanded, страница работала хорошо с неопубликованной версией css с сохранением точки с запятой.

Есть ли способ избежать Compass от удаления точки с запятой? И почему это должно произойти?

ответ

1

Кажется, что новейшая версия (3.4.17 или 3.4.18) sass делает это.

Попробуйте это:

gem uninstall sass 
gem install sass -v 3.4.16 

Он работал для меня. Здесь вы можете найти all versions of sass, если вы хотите попробовать другую версию.

+0

Отличный ответ! Потрачено столько времени на это! Благодаря! –

0

Не должен ли компас визуализировать код импортируемого файла как css?

+0

Нет, если это другой ресурс 'css' (в виде URL-адреса), он импортирует, я думаю. –

1

Похоже, что это был fixed in 3.4.18.

+0

Да, просто протестировал его. Работает снова в 3.4.18. Благодаря! –

 Смежные вопросы

  • Нет связанных вопросов^_^