問題タブ [grunt-contrib-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.
gruntjs - grunt を使用していくつかの少ないファイルを 1 つに連結する (そしてコンパイルしない) 方法
この問題の解決策を見つけるのに苦労しています。ステートメントapp.lessのみで構成されるファイルが少ないです。@importここで、インポートされたすべてのlessファイルを含む単一のlessファイルを生成したいと考えています。これは、クライアントに送信してコンパイルするためです(そうする理由があります)。
そのため、少ないファイルは grunt ビルド ステップでコンパイルするのではなく、連結するだけにして、クライアントが複数の少ないファイルをロードする必要がないようにする必要があります。これは、クライアントでのコンパイルが少ない場合に他の人にも現れるはずのユースケースだと思いますが、単一の解決策を見つけることができませんでした. grunt-contrib-less連結がまたは他のツールで発生するかどうかは気にしません。
css - @import ステートメントを追加しないようにコンパイルを減らすにはどうすればよいですか?
main.less ファイルがあります。css を生成するために grunt パッケージ: grunt-contrib-less を実行しています。生成された css ファイルには、先頭に次のものが新しく挿入されています (他のすべての参照は css に正しく変換されています)。
うなり声設定:
これにより、メイン ページが https 経由でリクエストされているにもかかわらず、http 経由でリクエストが行われているため、ブラウザ エラーが発生しています。おそらくこれは、少ないコンパイルでフォントを解決できないために発生しているのでしょうか? import ステートメントが表示されないようにフォントを含めるか、フォントの URI を //fonts.googleapis.com ... に変更して、親の呼び出しメソッド、つまり https を使用するようにします。これを行う「正しい」方法は何ですか？
node.js - Grunt watch & LESS - 高速化するには? (変更されたファイルのみをコンパイルします)
LESS と grunt watch を使用してその場で変更をコンパイルする基本的なアプリケーションがあります。
非常に長い間、LESS ファイルを変更するとすべてが再コンパイルされるという事実について不平を言ってきました。必要なものだけをコンパイルできなかったのは、時間の無駄でした。しかし、私はそれを賢くしたかったので、もしあれば、import変更されたファイルだけでなく、影響を受けるファイルもコンパイルします.
今日、私はこれを修正することにしました。それはまったく簡単ではありません。Grunt ウォッチはこれを処理しません。grunt-newer を使用してもうまくいきませんでした。どちらの場合も、カスタム ルールを記述する必要があります。
最後に、https://github.com/tschaub/grunt-newerを使用しませんでした。これは grunt-sync ではうまく機能しないためですが、もっと重要なのは、LESS のニーズに合わないためです。 LESS のインポート処理を処理しないため、関連するファイルはコンパイルされませんが、変更されたファイルのみがコンパイルされます。「スマート」ではありません。
(そのようなことを考慮してカスタマイズすることは可能であり、gist でいくつかのスクリプトが提供されていますが、公式のリポジトリがないため、必要なものを見つけるのはちょっと難しいですが、一見の価値があります。)
これは、実際の、または簡単な答えがない、何度も尋ねられた質問です。見る：
Grunt.jsで複数のファイルを監視し、変更されたファイルでのみタスクを実行するにはどうすればよいですか?
Grunt watch: すべてではなく 1 つのファイルのみをコンパイルする
gruntjs - Grunt less は css ファイルを置き換えません
grunt-contrib-less と grunt-contrib-watch を使用して、変更時にlessファイルを自動的にコンパイルします。css が存在しない場合、grunt は正常にコンパイルします。css が既に存在し、watch がファイルの変更が少ないことを確認した場合、css ファイルは変更されません。私は毎回それを削除し、うなり声に変更を加えて再作成させる必要があります。
少ない設定:
私は Windows 10 を使用しており、すべてのユーザーが dist フォルダー内のファイルを変更/削除する権利を持っています。grunt に css ファイルを変更させるにはどうすればよいですか?
編集
ウォッチ構成
登録
Grunt 出力 (詳細)
css - Grunt-contrib-less が Angular-Material @media クエリで失敗する
angular-material と grunt-contrib-less で奇妙なエラーが発生しています。
単純なタスクを実行しようとするたびgrunt lessに、次のエラー メッセージで失敗します
角材の最新の安定版リリース (v.1.0.1) を使用しています。
以下のように必要です。
@import (less) "../lib/angular-material/angular-material.css";
そして、これが私の仕事です：
これについて何か助けていただければ幸いです。
javascript - Grunt - grunt-contrib-less を使用して less を css にコンパイルできない
私はここで非常にばかげたことをしていると感じていますが、それが何かはわかりません。
CSS にあまりコンパイルしないように使用grunt-contrib-lessしていますが、まったく機能していないようです。エラーが表示されないか、何もしませんが、その理由はわかりません。
ここで JSBIN を見つけてください - http://jsbin.com/hagavokige/edit?html,js
Gist を好む場合 - https://gist.github.com/ktkaushik/b3fc7aa4445e88c46bdf
私は本当にここでいくつかの助けを借りることができました. 私はこれに長い間立ち往生しています。
私も使用しています-
grunt v0.4.5 の使用
ノード v5.1.1 の使用
npm v3.312 の使用
更新 1
出力はまったくありません。--debugCLIにフラグを追加しましたが、うまくいきませんでした。
gruntjs - 複数の少ないファイルを対応する css ファイルに変換する Grunt
a.lessとb.lessの2 つのファイルが少なくなっています。grunt を使用してそれらをa.cssとb.cssに変換したいのですが、grunt-contrib-less タスクは 2 つのファイルを連結します。
両方のlessファイルを対応するcssファイルに変換するにはどうすればよいですか?