How to set up workspaces with Chrome & WordPress?

I'm using SASS Gulp for my development.

Though I can’t properly setup workspace in Google Chrome.
I add project folder (should be theme folder, right?) but what should I map to what to edit SASS directly?

Gulp Task for styles is:

gulp.task('styles', function () {
    gulp.src(styleSRC)
        .pipe(sourcemaps.init())
        .pipe(sassPartialsImported('assets/css/'))
        .pipe(sass({
            errLogToConsole: true,
        }))
        .on('error', console.error.bind(console))
        .pipe(sourcemaps.write({includeContent: false}))
        .pipe(sourcemaps.init({loadMaps: true}))
        .pipe(autoprefixer(AUTOPREFIXER_BROWSERS))
        .pipe(sourcemaps.write(styleDestination))
        .pipe(gulp.dest(styleDestination))
        .pipe(browserSync.stream()) // Reloads style.css if that is enqueued.
        .pipe(rename({suffix: '.min'}))
        .pipe(minifycss({
            maxLineLen: 10
        }))
        .pipe(gulp.dest(styleDestination))
        .pipe(filter('**/*.css')) // Filtering stream to only css files
        .pipe(browserSync.stream()); // Reloads style.min.css if that is enqueued.
});

Then I enqueue style.min.css to WordPress.