問題タブ [gulp-less]

私はlessの圧縮とcssの縮小に関するgulpタスクに取り組んでいます.3つの異なる環境(ローカル、開発、製品)で3つのfiles.lessを使用してハードコードされた3つの異なる変数が必要なことが唯一の面倒な点です。それを削除した後、毎回適切な環境の適切なバージョンを交換します（元のファイル）。main.less ファイルには、original.less ファイルを含めます。

（英語力と説明力が半端ないです）

less のタスクは正しく実行されると思いますが、問題は、gulp less が original.less のファイルをインクルードするとき、最初に var を読み取る必要があるか、最初にそれをインクルードしてから後で var を読み取るかです。

この「問題」についてより良い組織を持っている人のために、私の一気飲みのタスクを含めます

gulp が縮小された CSS と JS のビルドを続行する前に、フォルダを消去する gulp の「デフォルト」タスクがあります。この「クリーン」タスクは、デフォルト タスクごとに 1 回だけ実行する必要があります。しかし、実際のビルド タスクを参照するデフォルト タスクを取得しようとすると問題が発生します。だからここに私のgulpfileがあります：

では、どうすればこれが間違っているのでしょうか?? 個々のタスクのそれぞれは、独自の "gulp css"、"gulp vendor" で実行されます。問題が発生したのは、クリーンの「前提条件」タスクを使用してそれらをデフォルトタスク（マスタータスク）に入れたときです。

トニー

この質問によると、 v.1.4.0 未満から css ファイルをインポートすることが可能です。タスク
を使用しようとしましたが、機能していません。 次のような css ファイルをインポートする方法はありますか: nodeJS gulp を使用しますか?gulp-less
@import "../spritesheet.css";

Windows のパスに問題があります。OSXでは問題なく動作します。

これが私の仕事です：

./src/less/style.css 内容

エラーメッセージ

私は自分のプロジェクトの 1 つで Gulp を試していますが、Grunt ウォッチで使用していたように実行したいと考えていました。つまり、監視する必要のあるファイルや js ファイルが少なくなり、lint、マージ、コンパイル、およびブラウザの更新がすべて完了したら、ブラウザが必要になります。

gulp-browser-sync で動作させることができましたが、何らかの理由で一度しか動作しません。.less ファイルに変更を加えると、ブラウザーがリロードされます。次に、2 番目の変更として、コンパイルは行われますが、リロードは行われません。

ログは次のとおりです。

そして、もう一度保存すると：

JSに関しては、常に機能します。スタイル タスクが完了した後でも、JS の変更によってリロードが適切にトリガーされます。本当に問題があるのはスタイルだけです。

ここに gulpfile.js があります

ご協力いただきありがとうございます！

私は次のようなGulpタスクを持っています:

.css ファイルとソース マップ ファイルが作成されます。ただし、ソース マップにはコンテンツ ("sourcesContent": [null,null,...,null]) がありません。これは、sourcemaps プラグインがデフォルトでコンテンツを含めると言う場合に当てはまります (私も明示的に試しましたincludeContent を true に設定します)。

minify ステップを削除すると、うまく機能し、元の less ファイルの内容を確認できるので、minify-css がソースマップをサポートしているかどうかを確認し、プラグイン リストに従ってサポートする必要があります。

私は何か間違ったことをしていますか？ソースマップを生成するときに、less と minify-css の間に既知の非互換性はありますか?