4

この問題の解決策を見つけるのに苦労しています。ステートメントapp.lessのみで構成されるファイルが少ないです。@importここで、インポートされたすべてのlessファイルを含む単一のlessファイルを生成したいと考えています。これは、クライアントに送信してコンパイルするためです(そうする理由があります)。

そのため、少ないファイルは grunt ビルド ステップでコンパイルするのではなく、連結するだけにして、クライアントが複数の少ないファイルをロードする必要がないようにする必要があります。これは、クライアントでのコンパイルが少ない場合に他の人にも現れるはずのユースケースだと思いますが、単一の解決策を見つけることができませんでした. grunt-contrib-less連結がまたは他のツールで発生するかどうかは気にしません。

4

2 に答える 2

4

誰かがgulpで作業している場合、

@Rene Korssが提案したようにconcatenate.lessを作成し、lessのコンパイルと同じコマンドを使用できます。

私たちのケースでは誤解を招く concatenate.css ファイル名を出力することが少ないため、gulp-renameを使用してファイル名を好きな名前にしています。

var src = 'path-to-concatenate-less-file';
var destination = 'path-to-destination';
gulp.task('concatenate-styles', function () {
    var compile= gulp.src(src)
    .pipe(less())
    .pipe(rename('concatenate-all.less'))
    .pipe(gulp.dest(destination))
    .pipe(notify("Saved file: <%= file.relative %>!"));
    compile.on('error', console.error.bind(console));
    return compile;
});

concatenate.less の例:

@import (inline) "general.less";
@import (inline) "typography.less";
于 2016-03-05T18:17:34.333 に答える