web-dev-qa-db-ja.com

WindowsでのCSSの削減

Windowsボックスに CSSのLESS を設定しようとして、Rubyとrubygemsをインストールし、 指示 を正確に実行しました。

私は置きました teststyle.less in C:\
入力するとき

lessc teststyle.less

.cssファイルにコンパイルすると、エラーが発生します。

The filename, directory name, or volume label syntax is incorrect.

LESSに精通している人のうち、私の問題を解決できる人はいますか?
インストールを台無しにしましたか?

33
Mojave Storm

私は問題を見つけたと思います。最初のインストールではC:\ Program Files\Rubyにインストールしたので、アンインストールしてデフォルトの 'C:\ Ruby'インストールパスを試しました。問題を修正すると思われ、現在は正常に動作しています。ありがとう。

2
Mojave Storm

GUIを使用してWindowsでLESSをコンパイルしたくない場合は、Windowsコマンドラインでlesscコマンドを取得するクリーンな方法があります。ともかく、元のlesscに必要なnode.jsをインストールするだけです。

したがって、node.js( http://nodejs.org/ )をインストールし、node.js用の「less」モジュールをインストールします。後者はlessc実行可能ファイル(Windowsの場合はlessc.cmd)も提供するため、WindowsのPATHの下でのみ取得するようにしてください。

Node.jsをまだお持ちでない場合、ステップバイステップの手順は次のとおりです。

  • Node.jsをインストールします( http://nodejs.org/
  • 新しいコマンドラインで、node.jsインストールディレクトリ(node.exeがある場所)に移動し、> npm install less(node.jsインストールディレクトリからのみ行うようにしてください)
  • 後者では、node.jsのモジュールのダウンロードが少なくなり、lessc.cmdからnode_modules/.bin/ディレクトリ。このディレクトリをPATHに追加します
  • これで、新しいコマンドラインで、通常どおりlesscを使用できます。

ソース: http://pragmatictim.blogspot.fr/2012/08/developing-with-less-on-windows-getting.html

21
Timur

http://www.dotlesscss.org/ をご覧ください。C#への移植は少なく、特に.NET用に設計されています。ハンドラーまたはコンパイルのいずれかを使用できます。

約6か月間使用していましたが、素晴らしいです。

おっと...ウィンドウを表示し、ドットネットを想定しました。おそらくあなたの環境ではありません。そうでない場合は、気にしないでください...

17
Rob

編集:

lesscは現在Windowsで動作します。インストールおよび使用方法については、 コマンドラインLESSツールに関するGithubページ を参照してください。 LESS GUIのリストを含むGithubページ ツールも興味深いかもしれません。

元の回答:

Less.jsのlesscコマンドラインツールは、Windowsでは機能しません。 LESSファイルのコマンドラインコンパイルが必要な場合は、 この投稿 を確認してください。

WinLess もチェックしてください。 WinLessは、LESS用のコンパイラ(GUI付き)です。 WinLessはLESSファイルを監視し、変更されたファイルを自動的にコンパイルできます。プロジェクトにVisual Studioを使用している場合は、winless.orgの BuildEventScript も確認する必要があります。

さまざまなプログラムを使用してLESSコードをコンパイルする場合は、どのコンパイラが使用されているかを必ず確認してください。異なるコンパイラを使用するプログラムを使用している場合は、相互運用性の問題に注意する必要があります(LESSコードは1つのコンパイラで正しく機能しますが、別のコンパイラでは機能しません)。

10
Mark Lagendijk

参考までに、LESSをCSSにコンパイルするのに役立つこのWindowsコマンドラインツールを見つけました。 less.jsを使用してコンパイルを行います。コマンド構文はあまり優雅ではありませんが、うまく機能します。

https://github.com/duncansmart/less.js-windows

4
thaddeusmt

Crunch を使用してコンパイルを開始しました Bootstrap とそれはかなり素晴らしいです。 Adobe Air上に構築されており、まだお持ちでない場合はインストールする必要があります。

3
Jeremy D

この https://github.com/leafo/lessphp PHPコンパイラは、CSSをインポートしたクレイジーなプロジェクト構造ではクラッシュしませんでした少ないなど.

LESSをCSSにコンパイルするための非常に単純なシェルコマンド:

plessc input.less > output.css
1
Dmitriy

標準入力からより少ないコードを受け入れ、CSSコードを標準出力に出力できるDotlessCssの再コンパイルバージョンがあります。次のリンクに添付しました LESS CSS Compiler for Windows

1
digitalPBK

Windowsでは Prepros App を使用できます。ライブブラウザーの更新で、少ないコンパイル、sass、jade、スタイラス、マークダウン、coffeescript、およびhamlを実行できます。

1
Subash Pathak