gulp编译less出问题了？

Question

less目录如下：

default.less里只定义了一些less变量：

其他less文件里分别引用了default.less并使用了这些变量

@import "./themes/default";

现在执行gulp：

gulp.task('less', function () {
    gulp.src(['src/**/*.less'])
        .pipe(less())
        .pipe(gulp.dest('build'));
});

然后报错：./themes/default.less' wasn't found.

编译出来的default.css里面是空的，其他引用default.less里的变量的样式都不见了

请问这是什么情况？

Answer 1

@import "themes/default";

这样试试，至于default.css里面是空的是正常的，因为你只是定义了变量，并没有任何的css代码啊

Answer 2

./themes/default这个路径不对

Answer 3

@import "./themes/default.less"; 这样可以，需要加上.less的后缀，不然默认引入的是default.css，而themes文件夹下并没有。就算有，default.css里面也没有变量，照样会报错

Answer 4

路径没错，也不需要额外添加后缀，默认会使用.less后缀

应该和你所写的gulp.src参数有关 **/*.less
推荐一个插件，应该可以解决你的问题了。https://www.npmjs.com/package...