Как использовать кодирование UTF8 в финальном css с sass и gulp - PullRequest
Новая
       8

Как использовать кодирование UTF8 в финальном css с sass и gulp

0 голосов
/ 08 октября 2018

Я пытаюсь сгенерировать файл css с gulp и файлом scss.Вот мой файл scss: 

@charset "UTF-8";    

#myDiv {
    .myClass {
        background-color : #6dd3ce;
    }
}

А вот мой css: 

@charset "UTF-8";    

#myDiv .myClass {
  background-color :   #6dd3ce;
}

А вот мой файл gulp: 

var gulp = require('gulp'),
    sass = require('gulp-ruby-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    cssnano = require('gulp-cssnano'),
    uglifyjs = require('uglify-js'),
    rename = require('gulp-rename'),
    concat = require('gulp-concat');

var composer = require('gulp-uglify/composer');
var pump = require('pump');

var minify = composer(uglifyjs, console);

function styles(){
    return sass('src/main/resources/css/scss/main.scss', {
            style: 'expanded',
            sourcemap: true
        })
        .pipe(autoprefixer('last 2 version'))
        .pipe(gulp.dest('src/main/resources/css/'))
        .pipe(rename({
            suffix: '.min'
        }))
        .pipe(cssnano())
        .pipe(gulp.dest('src/main/resources/css/'));
};

function scripts(){
    return gulp.src(['src/main/resources/javascript/**/*.js', '!src/main/resources/javascript/**/*.min.js'])
        .pipe(rename({
            suffix: '.min'
        }))
        .pipe(minify())
        .pipe(gulp.dest('src/main/resources/javascript/'));
};

function watch(){
    // Watch .scss files
    gulp.watch('src/main/resources/css/scss/**/*.scss', gulp.parallel(styles));
    // Watch .js files
    gulp.watch(['src/main/resources/javascript/**/*.js', '!src/main/resources/javascript/**/*.min.js'], {usePolling: true}, gulp.parallel(scripts));
};

gulp.task('default',
    gulp.series(styles, scripts, watch)
);

Кажется,мне, что мой файл gulp является правильным, и я явно сказал использовать кодировку utf-8.Знаете ли вы, почему мой сгенерированный CSS неверен?

...