Вот конфигурация gulp:
const { src, dest } = require('gulp')
const plumber = require('gulp-plumber')
const sass = require('gulp-sass')
const autoprefixer = require('gulp-autoprefixer')
const sassGlob = require('gulp-sass-glob')
const cleanCSS = require('gulp-clean-css')
function styles () {
return src('#src/static/styles/styles.scss')
.pipe(plumber())
.pipe(sassGlob())
.pipe(sass({outputStyle: 'expanded'}))
.pipe(cleanCSS())
.pipe(autoprefixer())
.pipe(dest('dist/css'))
}
exports.styles = styles
И все работает если убрать cleanCSS(), но с ним возникает ошибка:
Ignoring local @import of "#src/static/styles/styles.css" as resource is missing.
Не понимаю что не так с cleanCSS.
Вот код styles.scss:
a {
display: flex;
align-items: center;
}
.shorthand {
font-style: italic;
font-weight: bold;
font-size: .8em;
line-height: 1.2;
font-family: Arial, sans-serif;
}