web-dev-qa-db-ja.com

<head>セクションに含まれるCSSファイルが少ない

少ないCSSの<head>セクションに含める必要があるファイル。あまり公式ではないサイトで、.lessファイルと.jsファイルを含めるように指示していることがわかりました。ただし、.cssファイルがないと機能しません。

22
Moue Mita

LESSドキュメントの参照( http://lesscss.org/#client-side-usage ):

.styleスタイルシートをrelを「stylesheet/less」に設定してリンクします。

<link rel="stylesheet/less" type="text/css" href="styles.less" />

次に、ページの上部からless.jsをダウンロードし、<head>次のようなページの要素:

<script src="less.js" type="text/javascript"></script>

スクリプトの前にスタイルシートを含めるようにしてください。

このメソッドは、less-fileを通常のcssファイルとして機能させるため、追加のファイルは必要ありません。

ただし、これは実稼働環境には適していません。 lessファイルをcssファイルにコンパイルして、<head>- lessセクションまたはjsファイルなしのセクション。

43
Henri Hietala
@import "styles.less";

[〜#〜] or [〜#〜]

@import "styles";

そのur CSSファイルから..あなたはそれを次のように含める必要があります

<link rel="stylesheet/less" type="text/css" href="styles.less" />
2
user2663434