Gulp how to do tracking js and scss files?

Question

JavaScript

Hello, I have the following config:

'use strict';

const gulp =  require('gulp');
const sass = require('gulp-sass');
const babel = require('gulp-babel');


gulp.task('js', () => {
        return gulp.src('assets/js/app.js')
            .pipe(babel({
                presets: ['env']
            }))
            .pipe(gulp.dest('public'))
});

gulp.task('sass', () => {
    return gulp.src('./assets/scss/style.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./public'));
});

gulp.watch('./assets/scss/style.scss', gulp.series('sass'));
gulp.watch('./assets/js/app.js', gulp.series('js'));

I run all this in this way:
"start": "lite-server | gulp sass | gulp js"
Files are tracked and changed on the first change, but then the task works out but does not change

Answer 1

gulp.task('watch', () => {
gulp.watch('./assets/scss/style.scss', gulp.series('sass'));
gulp.watch('./assets/js/ app.js', gulp.series('js'));
});
gulp.task(
'default',
gulp.series(
'sass',
'js',
'watch'
));
Run with gulp command

Answer 2

But still does not see the styles (