我正在尝试使用 gulp 将 less 文件编译成 css。我有这个在另一个项目上工作,但不是在这个项目上。
我的任务gulpfile.js
是这样的:
gulpfile.js
var sourceLess = './app/assets/stylesheets/less';
var sourceJs = './app/assets/javascripts';
var targetCss = './public/css2';
var targetJs = './public/js2';
// Compile my-bootstrap-theme
gulp.task('css', function() {
gulp.src(sourceLess + '/custom/edgc-styles.less')
.pipe(less())
.pipe(gulp.dest(targetCss))
.pipe(minifyCss())
.pipe(gulp.dest(targetCss));
});
我的edgc-styles.less
文件包括一个@import
,其中又包括一个@import
如下:
//my custom stylsheet
@import "../bootstrap/bootstrap.less";
@import "custom-variables.less";
@import "custom-fonts.less";
在bootstrap.less
文件中它开始如下:
// Core variables and mixins
@import "variables.less";
@import "mixins.less";
在我的输出中,我得到的只是 bootstrap.less 文件开头的注释和之后的空白。
我不知道如何在 gulp 中记录错误(在 Windows 机器上)以查看发生了什么,但假设它在尝试 import 时失败variables.less
。这是一个有效文件,与 bootstrap.less 存在于同一目录中
我在 gulp 配置中缺少什么指令?我是 gulp 的新手,所以不确定它的所有功能以及如何正确遍历目录。
任何帮助表示赞赏