問題タブ [dotless]

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.

0 投票する
1 に答える
1129 参照

css - .css サブファイルを含む .less ファイル

このファイル構造がどのように行われたのか疑問に思っていました。

ここに画像の説明を入力

dotless の使い方は知っていますが、コンパイル済みファイルを .less ファイルの下に作成する方法がわかりません。
何か案が?

編集

私はこの質問を見つけました

そして、タグを使用してすべての .css ファイルを .less ファイルの隣に置くことができれば、うまくいくという考えがありました<DependentUpon>

ドットレスに関する このチュートリアルに従っています

そして、解決策はここで実行できると思います:

しかし、方法がわかりません..助けてください!

編集 2

質問を変える必要があると思います。
したがって、私の新しい質問は、「Execコマンドを使用して生成されたファイルをプロジェクトに自動的に含め、.css ファイルをターゲットの .less ファイルのサブファイルとして生成させるにはどうすればよいですか?」ということになります。

編集 3

うーん.. 私の質問は他の人にとってとても混乱を招く可能性があります..この投稿でこのビデオを見つけました。それが私が欲しいものです。.less ファイルから .css ファイルを生成し、.less のサブファイルとして .css ファイルを作成し、プロジェクトに自動的にインクルードします! しかし、MSBuild を使用して..これは可能ですか? 助けてください!:-)

最終編集

わかりました..ドキュメントを読んでこの拡張機能
を使用した後 、私は上記の古いことをしていたことに気付きました。
したがって、上記のことを行う必要はありません。すべて Web Essentials を使用して行います。

私の質問に対する答えは、Web Essentials を使用することです。

0 投票する
1 に答える
996 参照

c# - MS バンドルを使用した空のバンドル

私はasp.net mvc4と、ドットレスを使用したカスタムLessTransformを備えたSystem.Web.Optimizationライブラリ(1.1.0)を使用してMSが提供する組み込みのバンドルと縮小を使用しています。このサイトは IIS 7 でホストされています。私の問題は、断続的に Web サイトでバンドルが空になり、Web サイトがすべて奇妙に読み込まれることです。

何が原因でしょうか?

アップデート

  1. less コンパイラでエラーが発生すると、バンドルが空になる可能性があることを読みました。エラーについて less をテストしましたが、エラーはありません。

  2. Content ディレクトリを使用するようにバンドルを構成する方法に問題がある可能性があることを発見したので、次のように変更しました。

    /li>

に:

アプリケーションを再デプロイした後、問題が解決したように見えました。しかし、それは再び起こっています。セットアップは、2 つの IIS サーバーを備えたロード バランサーです。今日、サーバー 1 にログオンし、IIS 経由でサイトを閲覧しましたが、正常に読み込まれています。

サーバー 2 にログオンし、IIS 経由でサイトを参照すると、バンドルの問題が発生します。

更新 2

リソースが使用されている可能性があるという考えをテストするため。問題の原因となったバンドルの一部である少ないファイルを削除してみました。以下のファイルが正常に削除されました。.less ファイルを復元すると、サーバーを直接参照すると問題が解消されました。

アップデート 3

この問題は、dotless を使用していないバンドルと負荷分散されていない開発サーバーで発生し始めました。

これは、nuget パッケージのアップグレードと、ファイルが参照された場所に存在しなくなったために発生しました。他のすべてのバンドルを再確認して、ファイルが参照されている場所にまだ存在していることを確認したので、それは問題ではありません。

更新 4

dotless 構成にロギングを追加し、次のメッセージを受け取りました。

考え?

0 投票する
3 に答える
3043 参照

css - 同じより少ないファイルを 2 回インポートするときのドットレス MVC バンドルの問題

ドットレスを使用して次の構造を達成しようとしています:

styles/variables.less - 以下のようなすべての変数が含まれています



styles/component1.less - variables.less をインポートするランダムなコンポーネント固有のスタイル



styles/component2.less - グローバル variables.less ファイルもインポートするいくつかのスタイル



BundleConfig.cs - 以下のようにバンドルを宣言します。このバンドル追加を使用しています: https://gist.github.com/benfoster/3924025



Debugがtrueに設定されている 場合、すべて正常に動作します

デバッグが true に設定されている場合に機能します

ただし、デバッグがfalseに設定されている場合

bundle の Include メソッドで渡された最初のファイルのみが @import "変数" を解決します。残りは失敗するだけです。

以下は、最初に「~/styles/component1.less」を宣言した場合の出力です。


component1.less が最初に宣言されている場合

「~/styles/component2.less」を最初に宣言した場合の出力

componentnet2.less が最初に宣言されている場合

奇妙なことに、コンポーネント1とコンポーネント2に異なるファイルをインポートすると機能します

たとえば、どちらかのファイルで「varibales」の名前を「variables.less」に変更すると、これらのインポートの外観が少し異なります。できます。以下のように

スタイル/コンポーネント1.less

作品

何かご意見は?私は何日もこれをいじっています..

編集

この構造を使用する理由:

  • デバッグが容易になるため、デバッグモードで個別の少ないファイルを送信します。行番号のコメントはあまり役に立ちません

  • 本番環境で提供されるときに、すべての少ないファイルを連結して縮小する。

すべてのファイルの上に @import 「変数」を追加するのは見苦しいです。

だから、ここで言及されているいくつかのスコープの問題のために明らかに動作しません. MVC バンドルを使用して別のファイルで少ない変数を参照する

そのための修正があり、すべてのlessファイルの内容を連結し、代わりにLessを使用して連結されたファイルを解析します。例はこちらhttps://groups.google.com/forum/?fromgroups#!topic/dotless/j-8OP1dNjUY

しかし、その場合、解析されたファイルの縮小版を取得できないようです。

0 投票する
0 に答える
245 参照

.net - dotless は CSS をランダムに構築できません

dotless がスタイルシートの作成に失敗する理由の原因を突き止めるのに苦労しています。8 つの負荷分散サーバーがあります。

ユーザーがサイトにアクセスすると、スタイルシートがコンパイルされず、空白のページが生成される場合があります。何が失敗したかについて、エラーログから情報を取得できませんでした。コンパイルに失敗すると、再び機能しなくなり、再起動が必要になります。

URLが次のようになるように、クエリ文字列パラメーターを使用しています。

この文字列は、サイトに正常に入力されています。dotless はこれらのパラメーターをキャプチャするために使用されるため、less は次のようになります。

サイトは問題なく動作しますが、突然機能しなくなります。私たちの開発環境では、これが失敗することはありませんでした。しかし、より重いトラフィックで起動すると、頻繁に失敗するようになりました。

このようなものを見た人はいますか?すべてのサーバーで一貫しているため、コードがコンパイルされないという問題は間違いありません。

<dotless />この問題を一時的に修正したように見えるエントリに対して 2 つのことを行いましたweb.configが、最適ではないと思います。私はminifyCSS="true"(他の理由でオフにしていた)を作成し、設定しcache="false"ました。

でキャッシュをオフにするweb.configことは、上記の問題を防ぐのに役立ちましたが、パフォーマンスには有害であると私は信じています。

0 投票する
1 に答える
433 参照

logging - web.config から構成された DotLess カスタム ロガー

dotless.Core.Loggers.ILogger インターフェイスを実装して、カスタム ロガーを作成しました。

今、私はこのロガーを次のように web.config で構成して使用しようとしています:

問題は、トレースが書き込まれず、カスタム ロガーが呼び出されたり作成されたりしないことです。

ロガーを ResponseLogger のような標準ロガーの 1 つに変更すると、次のようになります。

期待どおり、応答にログ メッセージが表示されます。

カスタム ロガーのコードは、ロギングを独自のトレーサーに転送するだけです。

私は何を間違っていますか?

(私はすでにこれを DotLess google グループに投稿しましたが、2 日間返信がなかったため、これをクロスポストすることにしました。それで問題ないことを願っています)

0 投票する
1 に答える
271 参照

css - .less ファイルを使用してブートストラップ 2.3 を 3.0 に移行する

現在、400 を超える html ファイルのアプリケーションでブートストラップ 2.3 を実行しています。すべての html ファイルを変更せずに Twitter ブートストラップ 3.0 にアップグレードする最善の方法は、2.3 から 3.0 へのすべての変更を参照する .less ファイルを含めることであると判断しました。例: 3.0 の span6 は col-md-6 になりました。古いプロパティをすべて .less ファイルに埋め込んで参照できるファイルを持っている人はいますか?