3

サイト上のすべての .js ファイルは、require.js を使用して含まれています。require.js を使用して less.js を含めるにはどうすればよいですか? タグスクリプトを使用して含めると、あまり機能しません。

4

3 に答える 3

4

requireにはrequire-lessプラグインがあります

https://github.com/guybedford/require-less

于 2013-08-19T16:33:54.927 に答える
1

あなたはおそらくそれをすべきではありません。CSS は常に HTML ドキュメントの最上部に配置します。これは当然のことです。CSS の代わりに LESS を使用する場合は、LESS ファイルと LESS.js ファイルの両方をドキュメントのできるだけ上に配置します。そうです、ブラウザーで LESS を使用するということは、ページが読み込まれる前に提供する必要がある 2 つのファイルがあることを意味します。

CSS を変数として LESS ファイル内にパッケージ化するなど、おそらく回避する方法はありますが、それはずさんで困難です。パフォーマンスがそれほど重要である場合は、LESS ファイルをコンパイルする場所を検討する必要があります。

開発時に Less Parser (クロスプラットフォーム) や Less.App (mac) などのデスクトップ アプリを使用してコンパイルします (他にもいくつかあります)。これらのプログラムはバックグラウンドで実行され、少ないファイルを保存するたびにコンパイルされます。

Asual の LESS Jar (github) を使用して Ant または Maven にビルド ステップがある場合は、ビルド時にコンパイルします。

.NET または IIS (dotlesscss.org)、php (leafo.com/lessphp)、NodeJS、Java (less rhino)、ColdFusion などがある場合は、サーバーでコンパイルします。github.com ですべてのコードを検索してください。

于 2012-05-22T21:44:39.483 に答える
1

私の場合、私は次のようなことをします...

// Remove old/minify css & Add style.less in <head>
$('link[href*="style.min.css"]').remove();
$('head').append($('<link rel="stylesheet/less" type="text/css"/>').attr('href','style.less'));
less = {env:'development',poll:3000,logLevel:1};

// So run here
require(['less'],function(less){
   less.watch();
});

これは単なる例です+私の場合にテストされました

于 2015-05-27T10:09:56.640 に答える