Как отобразить стили на локальном хосте?

const gulp = require('gulp');
const concat = require('gulp-concat');
const autoprefixer = require('gulp-autoprefixer');
const cleanCSS = require('gulp-clean-css');
const uglify = require('gulp-uglify');
const browserSync = require('browser-sync').create();
const del = require('del');
const sourcemaps = require('gulp-sourcemaps');
const gcmq = require('gulp-group-css-media-queries');
const less = require('gulp-less');



const cssFiles = [
	'./src/css/style.less',
];

const jsFiles = [
	'./src/js/lib.js',
	'./src/js/some.js'
];

function styles(){
	return gulp.src(cssFiles)
	.pipe(concat('all.css'))
	.pipe(sourcemaps.init())
				
				.pipe(less())
				.pipe(gcmq())
				.pipe(autoprefixer({ browsers: ['>0.1%'], cascade: false }))
				.pipe(cleanCSS({
					level: 2
				}))	
				.pipe(sourcemaps.write('.'))
				.pipe(gulp.dest('./build/css'))
				.pipe(browserSync.stream());
}

function scripts(){
	return gulp.src(jsFiles)
				.pipe(concat('all.js'))
				.pipe(uglify({
					toplevel: true
					}))
				.pipe(gulp.dest('./build/js'))
				.pipe(browserSync.stream());
}

function watch(){
	 browserSync.init({
        server: {
            baseDir: "./"
        }
    });
	gulp.watch('./src/css/**/*.less', styles);
	gulp.watch('./src/js/**/*.js', scripts);
	gulp.watch("./*.html").on('change', browserSync.reload);
}

function clean(){
	return del(['build/*'])
}

gulp.task('styles', styles);
gulp.task('scripts', scripts);
gulp.task('watch', watch);

gulp.task('build', gulp.series(clean,
						gulp.parallel(styles, scripts)
					));
gulp.task('dev', gulp.series('build', 'watch'));