Проблема с подключением файла css к html в gulp (scss-предпроцессор)

Начал пользоваться gulp, и писать на scss. Нашел подходящую сборку, слегка переделал.

Есть папка src - где разрабатываю, и build - где лежат уже оптимизированные файлы. В папке src пишу scss файлы и импортирую в основной файл style.scss, он компилируется в минифицированный style.min.css который лежит в build. В файле html в src прописал путь к style.min.css. В папке src такого пути и файла не существует, но после компиляции этот файл с путём есть в папке build и html может на него ссылаться.

Но не ссылается. Не очень понимаю, где я ошибся.

Код такса для стилей:

const gulp = require('gulp')
const plumber = require('gulp-plumber')
const sass = require('gulp-sass')
const cleanCSS = require('gulp-clean-css')
const sourcemaps = require('gulp-sourcemaps')
const shorthand = require('gulp-shorthand')
const autoprefixer = require('gulp-autoprefixer')
const gulpStylelint = require('gulp-stylelint')
const rename = require("gulp-rename")

module.exports = function styles() {
  return gulp.src('src/styles/*.scss')
    .pipe(plumber())
    .pipe(gulpStylelint({
      failAfterError: false,
      reporters: [
        {
          formatter: 'string',
          console: true
        }
      ]
    }))
    .pipe(sourcemaps.init())
    .pipe(sass())
    .pipe(autoprefixer({
      cascade: false
    }))
    .pipe(shorthand())
    .pipe(cleanCSS({
      debug: true,
      compatibility: '*'
    }, details => {
      console.log('${details.name}: Original size:${details.stats.originalSize} - Minified size: ${details.stats.minifiedSize}')
    }))
    .pipe(sourcemaps.write())
    .pipe(rename({ suffix: '.min' }))
    .pipe(gulp.dest('build/css'))
}

Может нужно scss файл компилировать в минифицированный style.min.css в папку src, и прописать путь к нему такой же, как в папке build? Чтобы путь был верный и в src, и в build? Но хотелось бы найти более нормальный способ.