1

我正在尝试使用 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 的新手,所以不确定它的所有功能以及如何正确遍历目录。

任何帮助表示赞赏

4

1 回答 1

3

您似乎正在尝试在同一位置同时生成具有相同文件名的同一 CSS 文件的可读 CSS 和缩小版本。这将导致两个 gulp.dest 函数的输出相互干扰,并且它们的输出无用。尝试将它们放在不同的位置或重命名缩小版本,gulp-rename 包可以帮助您更改流中缩小版本的名称。

于 2014-10-16T20:34:19.783 回答