path - gulp-sass を使用して複数のディレクトリを監視する

Question

.scss2 つの異なるディレクトリにファイルがあります。

./blog/styles/
./common/styles/

./blog/stylesと呼ばれるファイルがあり、 （つまり、同じディレクトリ）からファイルをblog.scssインポートしています..scss./blog/styles/./common/styles/

.cssこれらのディレクトリの両方を監視し、最終ファイルを別の場所に作成するには、gulp タスクをどのように作成すればよいですか (たとえば./dist)。

これは私の現在のタスクです：

gulp.task('sass', function () {
    gulp.src(['./blog/styles/*.scss', './common/styles/*.scss'])
        .pipe(sass())
        .pipe(gulp.dest('./dist/style.css'));
});

blog.scss次のような名前のみを使用してファイルをインポートしています。

@import "forms"; //from the same directory
@import "_mixins"; //from ./common/styles
@import "_common"; //from ./common/styles

現在、次のエラーが発生しています。

file to import not found or unreadable: _mixins

ディレクトリ.scss内のファイルが見えないようです..../common/styles