問題タブ [less]

私は、Python および Ruby コミュニティーの CSS に関するイノベーションに少し嫉妬しています。たとえば、次を参照してください。

1. http://sandbox.pocoo.org/clevercss/
2. http://lesscss.org/
3. http://sass-lang.com/

とはいえ、私の質問は 2 つあります。これらのライブラリは、IronRuby と IronPython を介して .NET に簡単に「移植」できるので、C# で MSBUILD タスクまたは HTTP ハンドラを記述できますか?

また、これを気にする必要がありますか、または .NET コミュニティの他の誰かが既にこれに取り組んでいますか?

更新:この最初の質問を書いて以来、.NET コミュニティではこの分野で多くの作業が行われてきました。LESS、SASS、さらには CoffeeScript のサポートを提供する次のツールを確認してください。

• チャーピー
• ウェブワークベンチ

Web に関するすべてのエディターとして TextMate を愛用しているので、スニペットをstyle.lessファイルで使用して、ネイティブを使用してオンザフライで .css ファイルをコンパイルする .less の方法を自動的に利用したいと考えています。

$ lessc {filepath} --watch

以下のドキュメントで提案されているように（リンク）

私の (LESS TM Bundle を書いた人に感謝します!) 現在の TextMate スニペットは、現在開いている .less ファイルを .css ファイルに書き込むのにうまく機能しますが、--watchパラメーターを利用して、.less へのすべての変更が行われるようにしたいと思います。ファイルは自動的に .css ファイルにコンパイルされます。

これは、ターミナルコマンドラインを使用する場合にうまく機能するため、ファイルをコンパイルするコマンドのみを呼び出すため、TextMate の現在の LESS コマンドの適応バージョンで使用できるはずです。

--watchでは、このコマンドにフラグを追加するにはどうすればよいですか?

私はそれが次のようなものであるべきだと思います:

しかし、そうすると TextMate.app がクラッシュするだけです。

style.lessドロップされたファイルを取得し、次の LESS コマンドを実行する単純な Automator ドロップレットを作成しようとしています。

$ LESSC {DROPPED_FILE} --watch

ドロップインしたファイルの変更を監視し、出力されたファイルを自動的に更新しますstyle.css

参考までに: CSS ファイルを動的に記述するために LESS を使用しています。詳細はこちら。

基本的な液滴はうまく機能します。

1. ドロップされたファイルは変数に渡されます。この目的のために: {MY_VAR}.
2. 次のようにシェルでシェルスクリプトを実行し/usr/bin/rubyますsystem("lessc {MY_VAR} --watch &")

これはうまく機能しますが、自動化アプリを終了するときに --watch を停止したいです。

LESS のドキュメントには、コマンド ライン シェルで CTRL-C ショートカットを押してスクリプトを中止するように記載されています。

しかし、私はターミナル ウィンドウ内にいないため (コマンドはバックグラウンドで渡されています)、スクリプトを中止する方法がわかりません。

automator.app が閉じられた後でも、style.lessファイルは引き続き変更を監視されており、それに応じて生成されたファイルはまだstyle.css書き換えられています。

したがって、基本的には、.app の終了時に中止コマンドを渡す必要があります。

別のコマンドをターミナルシェルに渡した後、クリックするとアプリを閉じる簡単なポップアップを生成しました。

これは、スクリプトを停止するためのすべての試行が失敗した部分です。

CTRL-C コマンドを押すのと同じように動作するコマンド ライン機能はありますか? これをシェルに渡すにはどうすればよいですか？

Less HttpHandlerVisual Studio 2010 と ASP.NETMVC 2 を使用して CSS の前処理をいじっているだけで、希望どおりに.Lessファイル タイプを提供できません。

web.configCassini を使用する場合に以前 VS 2008 で必要だったハンドラー セクションを に追加しました。

VS2010 では、ファイルはプレーン テキストとして提供されます。2010 での MVC フレームワークまたは Cassini の変更によって追加情報が必要ですか?

編集：

とにかくVS2010でLessファイルを提供することを見つけることはあまり気にしません（T4テンプレートについて知っています）。HttpHandler の提供が失敗する理由を具体的に調べようとしています。

lesscssを使用して、各テンプレートに3つまたは4つの代替カラースキームがあるテンプレートシステムを構築しようとしています。

たとえば、red.less次のようなスタイルシートを作成できます。

したがって、main.less維持するスタイルシートは1つだけで、すべての主要なスタイルが含まれ、カラーコードに設定された変数を使用します。colour.less次に、配色ごとに個別のファイルを作成できます。

唯一の問題は、これを実行しようとするとLess::VariableNameError、変数を解析する前にLESSが@importsを解析していることを示すを取得することです。

同じ最終結果を達成するためのこれまたは他の方法の回避策はありますか？

私はLESSのアイデアとコンセプトが本当に好きです。それでも私はバグに遭遇しました。それはかなり前に著者に報告しましたが、まだフィードバックを受け取っていません。たぶん、何か間違ったことをしているのは私だけです。

application.lessこれに似た私のファイル：

@importルールを使用してファイルを分割し、css-declarationsの概要を把握できるのが気に入っています。ただし、インポートしたすべてのファイルは、config.less-Fileを再度インポートして、そこで定義したミックスインと変数を利用できるようにする必要があります。

私が運転している冗長性の種類についてはすでにご存知でしょう。config.lessがインポートされるたびに、その「出力」はapplication.cssの一部になります。

私の設定ファイルには約200行のコードが含まれています。CSSを（コントローラー名に基づいて）約5つのファイルに分割し、構成を再インポートする必要があるため、100％冗長な約1000行の生成されたCSSコードが作成されます。

私が思いつくことができる唯一の解決策は、ファイルを分割しないことです。これは私が本当に避けたいことです。

Visual Studioで*.lessファイル（http://www.dotlesscss.org/ ）をプリコンパイルする方法があるのだろうか。

このサイトは私に教えてくれますが、dotless.compiler.exeこれをVisualStudioに接続する方法がわかりません。WebformsとASP.NETMVCの両方のソリューションを探しています。

.lessに基づくPhilHaackのT4CSST4テンプレートを使用しています

Philのソリューションの悪い点の1つは、VisualStudioが.lessファイルをcssファイルではなくプレーンテキストファイルとして開くことです。（したがって、インテリセンスはありません。）

VSにCSSソースエディタで.lessファイルを開かせるにはどうすればよいですか？

私はもう試した：

1. 右クリック>[プログラムから開く]をクリックしますが、CSSソースエディタが表示されません。
2. [ツール]>[オプション]>[テキストエディター]>[ファイル拡張子]が表示されますが、CSSソースエディターは表示されません。

これはできますか？

少なくともJavaScriptのCSSで変数置換を行う必要があります（今のところ、それがクライアント側かサーバー側かは無視しましょう）。理想的には、変数の置換だけでなく、より多くの機能を提供するLESS構文を使用します。LESSのJS実装を見つけた人はいますか？

質問のために一番下までスキップしますが、最初に、少しコンテキストを説明します。

だから私はしばらくの間、CSS コンパイラ (Sass や Less など) を調べていて、それらに本当に興味を持っていました。彼らは粗雑さを減らし、私が物事をより簡単に見るのを助けます.

私は最近、多くの無関係なコードとハックを必要とするインライン ブロック (および clearfix) を確実に実装することを検討しています。現在、この分野のすべての権威によると、IE ハックを CSS と同じページに配置するべきではなく、条件付きにする必要があります。しかし、私にとって、このすべての追加コードを調べて管理するのは非常に面倒です。そのため、Less のようなものが本当に好きです。非セマンティックなクラスを適用する代わりに、ミックスインを指定して一度適用するだけで準備完了です。

それで、私はトラックの一部を手に入れたと思います (ポイントを説明したかったのです) が、基本的に、これらの CSS コンパイラーが私にとって非常に便利であり、多くの厄介なことを抽象化することができます。それらを確実に一度適用してから、コンパイルするだけです。IE 固有のスタイルを独自の条件付きファイル (ala Less / Sass) にコンパイルできるようにしたいので、理由もなく 2 つのファイルを管理する必要はありません。

独自のファイルを実行してアンダースコア/スターハックを作成できるスクリプト/アプリケーションのようなものは存在しますか?