問題タブ [gulp-less]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
glob - Gulp グロビングと否定
Globbing を使用して LESS ファイルのセットをコンパイルできないという問題があります。
私の構造はこれです:
各ディレクトリにはより少ないファイルのセットがあり、私がやろうとしているのは、respond.less と fixedwidths.less をコンパイルすることですが、残りのすべてのフォルダーを無視したいdir3
.
より少ないファイルをコンパイルするための私の Gulp Glob は次のとおりです。
私はそれがpaths.source+'responsive/*.less'
Respond.less と fixedwidths.less に一致し、'!'+paths.source+'responsive/**/*.less'
他のすべてを無視することを期待していましたが、それは起こっているようには見えません。後者のビット コードは、dir3 のすべての処理を停止するようです。
何か役立つことはありますか?
gulp - インクルードを無視して、Gulp LESSにメインファイルのみを出力させるにはどうすればよいですか?
アプリフォルダーにLESSファイルでいっぱいのフォルダーがあります。2 つのメイン ファイルといくつかのインクルードがあり、そのすべてに "_" のプレフィックスが付いています。これらの 2 つのファイルとそのソースマップのみをビルド フォルダーに出力したいのですが、もちろん、デフォルトのセットアップではすべての少ないファイルが出力されます。
インクルードをサブディレクトリに置くこともできると思いますが、編集する必要がなければ、LESS を編集する必要はありません。
アップデート
単一のファイルを指定する方法は知っていますgulp.src
が、それぞれ独自のマップを持つ 2 つの CSS ファイルにする必要がある 2 つの LESS ファイルがあります。
gulp - ファイルが変更された場合にのみ、gulp-less を実行することはできません
毎回、すべてを処理しないようにすることはできません。私はもう試した:
- gulp のバージョンを更新する
- gulp-changed の使用
- gulp-newer の使用
gulp-ngmin では動作しますが、gulp-less では動作しません
したがって、これは test.js を変更した場合にのみ test.js を処理します。
しかし、このタスクを実行するたびに、計算量が少なくなります
ここで何が問題なのですか?
javascript - gulp-if (またはその他のもの) を使用して条件付きで gulp-watch を有効にする
基本的に、タスクをセットアップして、実行する場合gulp less --watch
は監視し、それ以外の場合はビルドを実行するようにします。これは私がこれまでに持っているものです:
何が起こるかというと、まだ実行されwatch
ますが、ファイルは渡されません。これにより、タスクがprocess.exit()
ing..
私はそれを何かでラップするか、別の方法を使用する必要があると仮定していgulp-if
ます..
gulp - 宛先フォルダーを分離するための Gulp パイプ
複数のフォルダーを通過し、より少ないファイルを監視する gulp タスクを作成しています。コンパイルされた css をパイプして、より少ないファイルの元のフォルダーに戻したいと思います。残念ながら、各ファイルに個別の出力フォルダーを与える良い方法が見つからないようです。
gulp - エラーメッセージ/位置に沿ってgulpを渡す方法はありますか?
私はより少ないタスクを作成しました:
実行すると、次のようになります。
これはあまり役に立ちません (無効な 16 進値をどのように検索しますか? ..そしてどこで?)
lessc を手動で実行すると、次のようになります。
この素晴らしい有益なエラー メッセージを gulp で取得するにはどうすればよいですか?
gulp - @imports でより少ないファイルをコンパイルし、Gulp でそれらをすべて同じストリームに連結する方法はありますか?
私はgulpfile.jsでこれを試しています:
しかし、私はいつも次のようなメッセージを受け取ります:
私はすべての less ファイル内で @imports を使用していますが、参照はメッセージに見つからないように見えるものです。たとえば、私の widgets.less ファイルは次のとおりです。
何か不足していますか?事前に、助けてくれてありがとう!