gulp-sass. Как отменить вставку строки @charset “UTF-8”?

195
11 октября 2018, 07:40

При компиляции "[style].scss" gulp-sass автоматом вставляет первой строкой
@charset "UTF-8"

Как можно этого избежать, есть ли какая-либо опция?

return gulp.src( paths.src.css )
    // ...
    .pipe( sass().on( 'error', sass.logError ) )
    // ...
    .pipe( gulp.dest( paths.dest.css ) );

На выходе в файле получаю:

@charset "UTF-8";
@font-face { /* ... */ }

а надо без UTF-8:

@font-face { /* ... */ }

Проблема: @charset "UTF-8" можно вставить только в первой строке файла css,
но выходной файл необходимо собирать на сервере из нескольких, что-то типа:

cache = writeCache("file_1.css" . "file_2.css" . [...]);
header("Content-Type: text/css;charset=UTF-8");
echo cache["gz"];
Answer 1

По наводке Artem Gorlachev оказалось что разработчики не включили эту опцию.

Пришлось добавить:

// npm install --save-dev gulp-replace
const replace = require( 'gulp-replace' );
return gulp.src( paths.src.css )
    // ...
    .pipe( sass().on( 'error', sass.logError ) )
    .pipe( replace( /^[ \t]*\@charset[ \t]+\"UTF\-8\"[ \t]*;/gmi, '' ) )
    .pipe( gulp.dest( paths.dest.css ) );

На выходе получаем без всяких charset-ов!

READ ALSO
Масштабирование изображения спрайта

Масштабирование изображения спрайта

Суть: есть спрайт и на нём не в масштабе пикчаПодскажите, пожалуйста, есть ли способ масштабировать итоговое изображение спрайта (уменьшить/вписать...

194
BEM и базовые теги

BEM и базовые теги

Есть теги которые часто используются и имеют один стиль (например <p>, <h1>, <li>)

168
Прокрутить блок fixsed

Прокрутить блок fixsed

На странице появляется блок div, и чтобы он появлялся в любом участке длинной страницы, ему придали позицию fixedВысота этого блока может быть...

189
Проверить на js существование Cookie [закрыт]

Проверить на js существование Cookie [закрыт]

Появилась задача проверить существование COOKIE на стороне клиента, если существует, предоставить доступ{Вопрос закрыт}

176