1

gulp を使用して、より少ないファイルを 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 マシン上) でエラーをログに記録して何が起こっているのかを確認する方法を理解できませんが、インポートしようとして失敗していると仮定しvariables.lessます。これは有効なファイルで、bootstrap.less と同じディレクトリに存在します。

gulp 構成で欠落しているディレクティブは何ですか? 私はgulpが初めてなので、すべての機能とディレクトリを適切にトラバースする方法がわかりません。

どんな助けでも大歓迎

4

1 に答える 1

3

読み取り可能な CSS と同じ CSS ファイルの縮小バージョンの両方を、同じファイル名で同じ場所に同時に生成しようとしているようです。これにより、2 つの gulp.dest 関数による出力が互いに干渉し、それらの出力が役に立たなくなります。それらを別の場所に配置するか、縮小版の名前を変更してみてください。gulp-rename パッケージは、ストリーム内の縮小版の名前を変更するのに役立ちます。

于 2014-10-16T20:34:19.783 に答える