gulpでSassをコンパイル時にCSSが一行になってしまう。

Question

前提・実現したいこと

転職活動のため、ポートフォリオとして簡単な画像投稿サイトを作ろうとしています。
Sassで記述して、gulpでコンパイルを自動化させるところまではできたのですが、
試しに_base.scssを書いてstyle.scssにインポートしてコンパイルしてみたところ出力されたcssが一行になってしまいます。
gulpfile.jsでoutputStyleをexpandedに設定しているのですが、
なぜこうなるのか原因がわかりません。

発生している問題・エラーメッセージ

//コンパイルされたstyle.css
@charset "UTF-8";html{font-size:100%}html body{font-family:"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3",sans-serif;line-height:1.5;color:#222}html body a{text-decoration:none}html body img{max-width:100%}

該当のソースコード

//style.scss
@import "foundation/base";

//foundation/_base.scss
html {
  font-size: 100%;
  　body {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", "YuGothic",　"游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
    line-height: 1.5;
    color: #222;
      　a {
        text-decoration: none;
        　}
      　img {
        max-width: 100%;
      　}
　　}
}

//gulpfile.js
const gulp = require("gulp");
const sass = require("gulp-sass");
const plumber = require('gulp-plumber');
const pug = require("gulp-pug");
const autoprefixer =require('gulp-autoprefixer');
const cssmin = require('gulp-cssmin');
const uglify = require('gulp-uglify');
const browserSync = require('browser-sync');
const notify = require('gulp-notify');


const paths = {
  src: 'src',
  dest: 'dest'
};

//Sass
gulp.task('sass', function () {
  return gulp.src([
      paths.src + '/scss/**/*.scss',
      '!' + 'paths.src' +'/scss/**/_*.scss'
    ])
      .pipe(sass({
        outputStyle: 'expanded'
      }))
      .pipe(plumber({
      errorHandler: notify.onError("Error: <%= error.message %>")
      }))
      .pipe(autoprefixer({
        overrideBrowserslist: 'last 2 versions'
      }))
      .pipe(cssmin())
      .pipe(gulp.dest(paths.dest + '/css'))
    });

//Pug
gulp.task('pug', function () {
  return gulp.src([
      paths.src + '/pug/**/*.pug',
      '!' + 'paths.src' + '/pug/**/_*.pug'
      ])
      .pipe(plumber({
        errorHandler: notify.onError("Error: <%= error.message %>")
      }))
      .pipe(pug({pretty: true}))
      .pipe(gulp.dest(paths.dest))
    });

//JS Compress
gulp.task('js', function () {
  return gulp.src(
      paths.src + '/js/**/*'
      )
      .pipe(plumber())
      .pipe(uglify())
      .pipe(gulp.dest(paths.dest + '/js'))
    });

//Image File
gulp.task('image', () => {
  return gulp.src(
      paths.src + '/img/**/*'
    )
    .pipe(gulp.dest(paths.dest + '/img'))
});

// browser-sync
gulp.task('browser-sync', function(done) {
  browserSync({
      server: {
          baseDir: paths.dest
      }});
      done();
});

//watch
gulp.task('watch', function() {
  const reload = () => {
    browserSync.reload();
  };
  gulp.watch([paths.src + '/scss/**/*']).on('change', gulp.series('sass', reload));
  gulp.watch([paths.src + '/js/**/*']).on('change', gulp.series('js', reload));
  gulp.watch([paths.src + '/pug/**/*']).on('change', gulp.series('pug', reload));
  gulp.watch([paths.src + '/img/**/*']).on('change', gulp.series('image', reload));
});

gulp.task('default', gulp.series(gulp.parallel('sass','pug','js','image','watch','browser-sync')));

ディレクトリ構成

試したこと

同じようなエラー情報や対策法がないか日本語と英語とで検索していますが、見つかりません。
コンパイルはできているようなので、何度かCSSを削除して、コンパイルしなおしてみましたが
改善されませんでした。

補足情報（FW/ツールのバージョンなど）

テキストエディタ: Atom
Gulp Version: Local version: 4.0.2

Comments

[maisumakun]

1行になって、何が問題なのでしょうか？

[AyaWeb4]

ご返信ありがとうございます。
問題点としては

1. 一行で出力されるということはgulpfile.jsのoutputStyleの設定が効いていないように思うので何が問題なのか解決したい
2. ポートフォリオ作品のためコードを企業に見せる可能性があるため、可読性を担保しておきたい

の2点が挙げられます。出来るだけファイル容量を軽くしたい場合なら今のように圧縮された状態でもいいのかもしれませんが、今はそれを意図していないため改善したいです。

[miyabi_pudding]

ポートフォリオだからこそ、
一行の方がポイント高いように思いますが。
ブラウザのデベロッパーツールでコード変換で、改行を入れたものも見れますし、
当たっているスタイル自体を改行入った状態で参照できるので。
逆に、そこを知らないエンジニアしかいない企業なのであれば、微妙な気もします。
（最後の一文は個人的な感想なのであしからず）

Answer 1

const cssmin = require('gulp-cssmin');
これが原因かと思います。cssを短く、つまり余計な改行などは取っ払って1行にするプラグインではないかと

Comments

[AyaWeb4]

ご回答ありがとうございます。
私もcssminのプラグインを疑って一度消してから
コンパイルを試したのですが、
現状から変わりませんでした。

[miyabi_pudding]

監視の再起動はしましたか？
gulp.jsは、監視の開始時の初動でしか参照されませんので、
gulp.jsを変えた場合は、
監視の再起動が必要です。

[AyaWeb4]

miyabi_takatsuk様

ご回答ありがとうございます！監視の再起動が盲点でした！！
cssminをjsから削除して監視の方を再起動したらexpandedのスタイルで
cssが出力されました。
今後はコマンドの扱いにも注意を払っていくようにします。
本当に助かりました。
Jon_do様、miyabi_takatsuk様
アドバイスありがとうございました。