gulp - 更改导入较少时，gulp.less 导入不起作用

Question

当我更改导入的文件时，网页会更新main.less，但导入的较少文件中的样式不会在已完成的 main.min.css 中更改

--gulpfile.js--

gulp.task('browser-sync', function() {
browsersync({
    proxy: "nika.local",
    notify: false
})
});

gulp.task('styles', function() {
return gulp.src('app/less/**/*.less')
.pipe(less())
.pipe(rename({ suffix: '.min', prefix : '' }))
.pipe(autoprefixer(['last 15 versions']))
.pipe(gulp.dest('app/css'))
.pipe(browsersync.reload( {stream: true} ))
});

gulp.task('watch', ['styles', 'js', 'browser-sync'], function() {
gulp.watch('app/less/**/*.less', ['styles']);
});

gulp.task('default', ['watch']);

--main.less--

//main.less
@import url("block/home-page.less");