9

デフォルトの ASP.NET MVC 3 Web アプリケーションを作成しました。次に、3 つの css ファイルと 3 つの js ファイルを \Views\Shared_Layout.cshtml ビューに追加しました。

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/StyleSheet1.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/StyleSheet2.css")" rel="stylesheet" type="text/css" />

    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/JScript1.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/JScript2.js")" type="text/javascript"></script>

</head>
<body>
    <div class="page">
        <div id="header">

....

アプリケーションを実行すると、html コードは

<!DOCTYPE html>
<html>
<head>
    <title>Home Page</title>
    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
    <link href="/Content/StyleSheet1.css" rel="stylesheet" type="text/css" />
    <link href="/Content/StyleSheet2.css" rel="stylesheet" type="text/css" />

    <script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script src="/Scripts/JScript1.js" type="text/javascript"></script>
    <script src="/Scripts/JScript2.js" type="text/javascript"></script>

</head>
<body>
    <div class="page">

出力htmlを次のように変更するハンドラーをMVCに含めることは可能ですか?

<!DOCTYPE html>
    <html>
    <head>
        <title>Home Page</title>
        <script src="js.axd=/Scripts/jquery-1.5.1.min.js,/Scripts/JScript1.js,/Scripts/JScript2.js" type="text/javascript"></script>
        <link href="css.axd=/Content/Site.css,/Content/StyleSheet1.css,/Content/StyleSheet2.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div class="page">

したがって、リンクjs.axd=/Scripts/jquery-1.5.1.min.js,/Scripts/JScript1.js,/Scripts/JScript2.js はこれらすべての js ファイルのコンテンツをブラウザーにcss.axd=/Content/Site.css,/Content/StyleSheet1.css,/Content/StyleSheet2.css返し、リンクはすべての css ファイルのコンテンツを返します。

以前に IHttpHandler によって ASP.NET で何かを行いましたが、MVC の初心者であるため、MVC でそれを行う方法がわかりません。

ヘルプとコード サンプルをいただければ幸いです。ありがとうございました！

4

2 に答える 2

13

bundle と minification nuget パッケージを使用できます。バンドルと縮小

At the NuGet console type: "Install-Package Microsoft.AspNet.Web.Optimization"

例:

MVC 3 での Web 最適化の使用

于 2012-10-06T06:29:23.560 に答える