18

私は自分のファイルのこの構造を持っています：

lib/css/...エリアの種類ごとに単一の.lessファイルに分割された私のスタイルが含まれています。

lib/style.lessサブスタイルファイルを収集したいファイルです-そしてHTMLにリンクしたいファイルです。

（into style.less）と入力すると：

@import url("/css/StyleToImport.less");

また

@import "/css/StyleToImport.less";

...構文エラーが発生します。

.lessファイルを1つのファイルに結合することは本当に不可能ですか？

色や寸法などのすべての変数を含む1つのファイルがあると非常に便利です。

しかし、今のように、<link ...>すべてのファイルにHTMLのタグを使用する必要があります。これはそれほど便利ではありません。

PS私は2つの.lessファイルを1つのcssファイルに結合するを読みました

そして私はこれを読みました：

インポート

インポートはほぼ期待どおりに機能します。.lessファイルをインポートすると、その中のすべての変数が使用可能になります。ファイルが.lessの場合、拡張子はオプションです。

@import"ライブラリ";

@import "typo.css";

4

4 に答える 4

32

ローカル環境でこれを試し、vars を にvars.less、mixins を に入れましconf.lessた。あなたと同様のファイル構造で、基本の .less ファイルがすべての「インクルード」を含むフォルダーの下のレベルにあります。

だから私は私のファイルを持っていたcssフォルダを持っていたmain.lesscss/less/vars.less | conf.less

それらの両方をインポートするには：

@import "less/vars.less";
@import "less/conf.less";

私の唯一の答えは/、あなたの@import声明の最初を削除することです. .lessGoogle フォントをファイルにインポートしようとすると、同様の問題が発生しました。

あなたのものと同じ構造を使用するとうまくいくので、少なくとも試してみる価値があります。

于 2011-03-30T02:44:38.083 に答える
5

インポートが静かに失敗したように見える同様の問題がありました。この質問で説明されているように、編集者が @import されたファイルを BOM 付きの UTF-8 として保存したことが判明しました。

何らかの理由で、LESS コンパイラは、ルートファイルに BOM がある場合にエラーを発生させますが、BOM を持つ @import されたファイルを黙ってチョークします。

@import されたファイルを BOM なしで再保存してみてください。うまくいくかもしれません。

于 2012-05-17T16:00:08.663 に答える
1

/ directoryにリンクしているので、ルートから上から下に見えますが、この場合は見つかりません。したがって、@ Danielは、スラッシュを削除することを提案することで正しいです。

あなたはそれをそのようにリンクするべきです：

@import url("css/StyleToImport.less");

これは、開始点がcssディレクトリ自体の中にあり、そのディレクトリcss /を下に向けてから、ファイル自体を指しているためです。

最初にディレクトリを上に移動し、次に上下に移動する必要がある場合は、次のようにします。

../directory/file.less
于 2013-03-18T17:12:12.867 に答える
1

エラーがなければ、何が問題なのか正確にはわかりません。

私が見つけたlessapp http://incident57.com/less/を使用することをお勧めします。これは非常にうまく機能し、少し使いやすいです。また、空のファイルをインポートしようとすると、エラーがスローされる可能性があるため、注意してください。

プロジェクトに応じてファイルを構成するために使用する基本的なコードをいくつかアップロードしました - https://github.com/danethurber/seamLESSで入手できます。あなたや誰かが貢献したいのなら、私は喜んで助けてくれるでしょう:)

于 2011-03-29T15:33:00.273 に答える