Как ипортировать код css в sass?

Question

[losso_lapolososso]

Здравствуйте, сейчас я изучаю gulp и не могу никак решить одну проблему. У меня есть файл magnific-popup.css, мне нужно ипортировать его в sass, а потом с помошью вот этого таска залить код в отдельный css файл lips.css:

gulp.task('sass', function(){ // Создаем таск Sass
	return gulp.src('app/sass/**/*.sass') // Берем источник
		.pipe(sass()) // Преобразуем Sass в CSS посредством gulp-sass
		.pipe(gulp.dest('app/css')) // Выгружаем результата в папку app/css
		.pipe(browserSync.reload({stream: true})) // Обновляем CSS на странице при изменении
});

Но кода не появляется, в css файл просто добавляется вот такой код:

@import url(app/lips/magnific-popup/dist/magnific-popup.css);

Как сделать так чтобы в lips.css появился код из файла magnific-popup.css?

Answer 1

[Максим Морев]

Здравствуйте. Просто не указывайте расширение при импорте.

@import 'bla.css'; // вернёт @import url(bla.css);
@import 'bla'; // вернёт import как вы хотите