Gulp-wepb-css не дает импортировать css-файл из node_modules. Как решить?

Question

[Andy Oker]

Хочу подключить файл normalize.css через import в общий scss-файл с помощью импорта

Однако плагин gulp-webp-css выдает ошибку.
В gulpfile'е этим делом управляет такая функция:


Буду рад любой обратной связи!

Answer 1

[Юрий Литвиненко]

Попробуйте gulp-sass, который скомпилирует из scss-файлов один css-файл.
А расширение normalize.css предварительно изменить на normalize.scss.

Answer 2

[Smexardix]

У меня та же ситуация и я мучался целый день.
А решение очень простое! Перенесите пайп с gulp-webp-css ( .pipe(webpcss()) ) ниже чистильщика ( .pipe(clean_css()) ) и получится приблизительно такое:

function css() {
  return src(path.src.css)
    .pipe(
      scss({
        outputStyle: "expanded"
      })
    )
    .pipe(group_media())
    .pipe(
      autoprefixer({
        overrideBrowserslist: ["last 15 versions"],
        cascade: true
      })
    )
    // .pipe(webpcss())
    .pipe(dest(path.build.css))
    .pipe(clean_css())
    .pipe(webpcss())
    .pipe(rename({
      extname: ".min.css"
    }))
    .pipe(dest(path.build.css))
    .pipe(browsersync.stream())
}

Спасибо за внимание!
P.S: можно минификатор опять применить после .pipe(webpcss()) перед ринеймом)