問題タブ [gulp-less]

私は非常に困惑しています...

少ないファイルをcssに変換するためにgulp-lessを使用しています。次のコードがあります。

gulpfile を実行すると、次のエラーが表示されます。8

何らかの理由で @node_modules_path 変数でエラーが発生しません。

lessc を介して less ファイルをコンパイルしても問題なく動作します....

私は Gulp.js を使用していますが、縮小手順を実行した後、gulp-sourcemaps が元の少ないファイルを指すようにしようとして困惑しています。

gulp-minify-css はソースマップをサポートしていないため、postcss と csswring を使用しています。

理想的には、次のようになりたいと思います。

• ss.css (未縮小)
• ss.css.map (ss.css から元の .less ファイルを指す)
• ss.min.css (縮小)
• ss.min.css.map (ss.min.css から元の .less ファイルを指す)

今のところ、縮小版と非縮小版の両方を出力しようとするのをやめましたが、縮小版を元の .less ファイルに戻すことさえできないようです。

縮小ステップを実行しなくても、私の .map ファイルはうまく機能し、次のようになります。

縮小ステップを実行すると、縮小されたファイルが元の Less ファイルではなく、コンパイルされた CSS を指すようにマップが変更されます。

ここに私のgulpfile.jsがあります：

いつものように、どんな考えでも大歓迎です！

フィルターを使用して、生成された .css ファイルの名前を変更するだけで実験しましたが、それはコアの問題を解決していないようです。

gulp-userref プラグインを使用して LESS ファイルをコンパイルしようとしていますが、gulp-less プラグインがコンパイルされたバージョンの LESS ファイルをパイプラインに出力しないようです。LESS ファイルは、コンパイルされずに他の CSS ファイルと連結されます。

gulp-less のみを使用して LESS を個別にコンパイルしようとしましたが、うまく機能していますが、gulp-userref プラグインと競合しているように見える理由がわかりません。

これが私のgulpfileです：

回答ありがとうございます！

リモートサーバーでlivereload、 、およびその他でgulp を使用しています。less私はこれまで何度も gulp を使用して成功してきましたが、このシナリオを経験したことはありません。

WinSCPを使用してファイルを保存/編集しています（ファイルをダブルクリックすると、Sublime Textで開きます...保存すると、WinSCPは自動的にサーバーにアップロードします）。

ただし、この方法で実行すると、gulp-lessほとんどの場合失敗します。コンパイルされたコア CSS ファイルが 2 つあります。

失敗すると言うとき、これが私が意味することです-Bootstrapを使用すると、常に同じエラーが発生します。

@grid-columnsこれは、メインの Bootstrap「インポート」ファイルで最初の見出しとして定義した場合でも発生します。

もう 1 つはlivereload、Less ファイルがコンパイルされる前のある時点で、コンパイルされた CSS をリロードするという点で失敗します。これは不可能なはずですが、どういうわけか起こります。

ただし、SSH コマンド プロンプトからtouch myfile.lessorと入力するtouch anybootstrapfile.lessと、すべてが完全に機能します。

明らかにこれは非常に迷惑ですが、住みやすいです。なんらかの修正方法が必要だと思いますが。世界でこれを実現できるものと、それを修正するために何ができるか (もしあれば) についてのアイデアはありますか?

これは少し奇妙なものです：

次のようなgulpタスクがあります。

play 1.3 プロジェクト内からこのタスクを実行しています。予想どおり、base64 でエンコードされたインライン ソースマップが生成されますが、それをクロムにロードすると、すべてのスタイルが の 1 行目にマッピングされmain.css、何かが違う。

さて、ここが奇妙になります。同じディレクトリ構造を持つ別のプロジェクトで、同じファイルのコピーを指定してこの同じタスクを実行すると、単純な apache で実行されているだけで、期待どおりに動作します。出力ファイルはまったく同じように表示されます。

これがなぜなのか、誰かが洞察を持っていますか?

FWIW、非常によく似たシナリオが、js を縮小して連結するときに発生しますgulp-uglify。gulp-concat

LESS から生成された CSS を「dist」フォルダーのみに縮小するにはどうすればよいですか? もちろん、gulp プラグインはすべて正しくインストールされています。CSS の縮小以外はすべて問題ありません。これが私のコードです：

.pipe(minifyCSS({keepBreaks:false}))1行上に移動すると機能します。しかし、dist forlder でのみ CSS を圧縮する必要があります。

アドバイスをありがとう。

に問題がありgulpます。私は ととgulp-watch一緒に走ります。すべてが完璧に動作しています。gulp-lessgulp-clean

編集somefile.lessして保存すると、セミコロンがないか、誤って末尾;sにgulp-less. 修正後もgulp-watchファイルの監視を続けますが、gulp-less起動せず、コンパイルもしません。ターミナルで停止gulpして再度実行すると、すべてが正常に戻ります。

これが私のものgulpfile.jsです：

そして、ここに私のものがありますdevDependencies：

最後に、コンソールのメッセージは次のとおりです。

タスクの何が問題なのか教えてください。エラーが削除された後、再起動せずにgulp-watchタスクを実行できるようにしてください。gulp-lessgulp

編集：私の編集したgulp-lessタスク