VisualStudio2010でフォルダーを設定する方法は次のとおりです。
[solution]/Public
/assets
/stylesheets
bootstrap.css
forms.less
main.less
tigo.less
Bootstrapを最初に表示し、formsとtigoをmain.lessの後に表示する必要があるため、いくつかの参照を設定しました。
このアプリケーションをローカルマシンで実行すると、次のようになります。
<link href="/cassette.axd/asset/Public/assets/stylesheets/bootstrap.css?Fr-zb2zZgNbHEFtP2LHSlWzPcTc=" type="text/css" rel="stylesheet"/>
<link href="/cassette.axd/asset/Public/assets/stylesheets/main.less?3YJKuT131pux5i9cKZkQeAO_qLQ=" type="text/css" rel="stylesheet"/>
<link href="/cassette.axd/asset/Public/assets/stylesheets/forms.less?3j_M5YCMRn_e3APdf8XOLJrN9s0=" type="text/css" rel="stylesheet"/>
<link href="/cassette.axd/asset/Public/assets/stylesheets/tigo.less?L6L9pztQ4BxBKmO_Q3XHBJx9L8Q=" type="text/css" rel="stylesheet"/>
私のマシンでは問題なく動作します。
ただし、AppHarborに公開する場合、参照(縮小)CSSファイルにはbootstrap.cssからの情報のみが含まれます
カセットの構成は次のとおりです。
namespace Foo.WebUI
{
/// <summary>
/// Configures the Cassette asset bundles for the web application.
/// </summary>
public class CassetteBundleConfiguration : IConfiguration<BundleCollection>
{
public void Configure(BundleCollection bundles)
{
bundles.Add<StylesheetBundle>("Public/assets/stylesheets");
bundles.Add<ScriptBundle>("Public/assets/javascripts");
}
}
}
そして、これが私の_Layout.cshtmlファイルです。
@{
Bundles.Reference("Public/assets/stylesheets");
Bundles.Reference("Public/assets/javascripts");
}
<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<link rel="Stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/blitzer/jquery-ui.css" />
@Bundles.RenderStylesheets()
</head>
正しく機能しない理由はありますか?bootstrap.cssを取得しているのに、他の3つのファイルを忘れているのはなぜですか。