Can't import LESS?

Question

Less

task LESS

gulp.task('less', function() {
    return gulp.src('/app/less/**/*.less')
    .pipe(less())
    .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true}))
    .pipe(gulp.dest('/app/css'))
    .pipe(browserSync.reload({stream: true}))
  });

in libs.less I write like this

@import (css) url("font-awesome/web-fonts-with-css/less/_variables");

so

@import "font-awesome/web-fonts-with-css/less/_variables.less";

Well, and in other ways, well, he doesn’t want to import in any way, I don’t know, or I’m digging in the wrong place or what, well, I didn’t find a solution. What
else should I show for specifics?

Answer 1

I also could not import less for a long time, it turns out that I need to write it like this:
@ import (less) url("app/libs/magnific-popup/dist/magnific-popup.css");
In general, the bottom line is that (less) must be added after import