9

サイトを ASP.NET WebPages から MVC4 に切り替えてから、Lesscss に問題があります。

CSS + Javascript 行:

<link href="@Url.Content("~/Content/site.css")" rel="stylesheet/less" type="text/css" />
<script src="@Url.Content("~/Scripts/less-1.3.0.min.js")" type="text/javascript"></script>

何が悪いのかわかりません。パスは正しいです。CSS リンクから「/less」をドロップすると、スタイルシートが正常に使用されます。Lesscss JS ファイルを使用しようとすると、正常にロードされますが、スタイルシートはロードされません。IE の F12 開発ツールも、スタイルシートが読み込まれていないことを確認します。

MVC4 で Lesscss を使用しているときに、他の誰かが同様の問題を抱えていましたか?

4

2 に答える 2

25

私の意見では、これをより適切に設定する簡単な方法は、nuget を使用することです。nuget を使用する必要はありませんが、非常に簡単になります。

  1. nugetを使用して dotlessをインストールします。
  2. nuget を使用してSystem.Web.Optimization.Lessをインストールします。

  3. バンドルを追加

    bundles.Add(new LessBundle("~/Content/less")
                .Include("~/Content/less/more.less"));

  4. バンドルを参照する

    @Styles.Render("~/Content/less")

  5. 終わり

于 2013-02-27T23:31:32.897 に答える
9

web.configでlessファイル拡張子のmimeタイプを指定し、cssの場合は代わりにリンクでそれを使用する必要があります。

<system.webServer>
  <staticContent>
    <mimeMap fileExtension=".less" mimeType="text/css" />
  </staticContent >
</system.webServer>

個人的にはドットレスを使用しており、サーバー上でこれを処理する方が良い方法です。

また、実際にはあなたの質問に対する答えではありませんが、単なる副次的な点です。MVC4を使用すると、@ Url.Content（）は不要になります。 http://www.davidhayden.me/blog/asp.net-mvc-4-the-new-tilde-slash-feature-in-razor-2

于 2012-05-28T09:14:34.383 に答える