最初のページの読み込み後に Less.js ルールを動的に読み込むにはどうすればよいですか?

Less.js ルールを動的にロードする

Web サイトに Less.js を組み込むと、スタイル機能を強化できます。ただし、Less.js スクリプトの前にすべての LESS スタイルシートを読み込む必要があるという制限が 1 つあります。これは、最初のページ読み込み後に特定のスタイルを動的に読み込む必要がある場合に問題が生じる可能性があります。

現在の制限

現在、Less.js は外部読み込みの順序を規定しています。スタイルシートとスクリプトは重要な役割を果たします。以下に示すように順序を逆にすると、Firefox と Chrome の両方で style.less ファイルの読み込みに失敗します。

<link rel="stylesheet/less" href="/static/less/style.less"/>
<script src="http://lesscss.googlecode.com/files/less-1.0.30.min.js"></script>

Less.js v1.0.31 での解決策

この制限に対処するために、Less.js のバージョン 1.0.31 では、less.refreshStyles() と呼ばれるメソッドが導入されました。このメソッドにより、