javascript - 在 ASP.NET MVC 中组合和缩小 JS 和 CSS-6ren

javascript - 在 ASP.NET MVC 中组合和缩小 JS 和 CSS

转载作者：数据小太阳更新时间：2023-10-29 03:48:46

25

4

我创建了默认的 ASP.NET MVC 3 Web 应用程序。然后我在\Views\Shared_Layout.cshtml View 中添加了三个 css 和三个 js 文件:

<!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">

是否有可能在 MVC 中有一个处理程序来将我的输出 html 更改为:

<!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 文件。

我之前在 ASP.NET 中通过 IHttpHandler 做过一些事情，但无法弄清楚如何在 MVC 中做到这一点，因为我只是 MVC 的初学者。

任何帮助和代码示例将不胜感激。谢谢!

最佳答案

您可以使用 bundle 和 minification nuget 包。 Bundling and Minification

在 NuGet 控制台类型:“Install-Package Microsoft.AspNet.Web.Optimization”

这里的例子:

Using Web Optimization with MVC 3

关于javascript - 在 ASP.NET MVC 中组合和缩小 JS 和 CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12757173/

25

4

0

文章推荐： Javascript 以不同的方式声明数字？

文章推荐： c# - 从 Expression> 获取字符串形式的属性

文章推荐： c# - 在最小起订量中重置模拟验证？

HTML 缩小？
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，
QTableView 放大/缩小
我正在尝试创建一个可以像在 Excel 中一样放大和缩小的 QTableView。此处提出了类似的问题:Zooming function on a QWidget 但是，我在 PyQt 而不是 C
qt - 在鼠标点上放大/缩小？
如图所示。我在 QScrollArea 中有 QWidget。QWidget 充当细胞图像和一些基于矢量的轮廓数据的渲染小部件。用户可以执行放大/缩小操作，简单地发生的是，它改变了 QPaint
iphone - 缩小 MKMapView
双击 MKMapView 时:放大。但是如何缩小呢？最佳答案总是使用两根手指来放大和缩小。在模拟器上，您需要按住选项键才能在模拟屏幕上显示“两根手指”(我认为这是 Alt 键，但我在 Mac 上
javascript - 缩小 for{} 循环
我有一些 javascript for {} 循环，我在整个项目中重复使用它们，它们都类似于: for (var i = 0; i < things.length; i++) { consol
emacs - emacs全局放大/缩小
我知道我可以使用C-x C- +进行放大/缩小，但这仅适用于当前文件。一旦我打开另一个文本，文本将恢复为默认值，一遍又一遍地做起来真的很累。如何保持当前emacs session 的全局缩放级别？如
angularjs - 缩小 Angular
我对使用编译器工具自动化/简化 Angular 项目感兴趣，这可能适用于其他所有事情，但 Angular 注入(inject)和命名空间很尴尬，足以逃避编译器知识。执行此操作的最佳/专业方法是什么？
emacs 放大/缩小
有没有办法在emacs上放大和缩小(动态改变字体大小，相当流畅)？最佳答案尝试 C-x C-+ 和 C-x C--；即 Control-x Control-减号/Control-再加上。在一个组
c# - 是什么使我无法调整Windows窗体对象的大小(缩小)？
我有一个Windows表单对象，其中包含3个对象，树 View ，richtextbox和tabcontrol。它们没有停靠在Windows窗体中，而是被 anchor 定(顶部+左侧)。我已经编写
保存时 JavaScript 缩小
我想向 javascript-mode 添加功能，以便每当我在当前缓冲区上保存 Javascript 文件时，它都会在使用相对路径定义的目录中创建该文件的缩小文件，例如 ../foo 具有相同的文件名
grails - 缩小.war
这里有一些关于缩小.war文件的教程，甚至一些帖子。但是，最常见的技术(在Config.groovy中包含grails.war.resources = {})似乎对我不起作用。无论如何，grails会
JavaFX:ScaleTransition、缩小
如何使用 ScaleTransition缩小图像？我现在有这个，它只能放大。如果我误解了该方法，我不会，但我将其从 1 缩放到 0.8。由于某种原因，这种情况仍在扩大。 ScaleTransition
kubernetes - 是否可以防止ReplicaSet扩大/缩小？
基本上，我想问ReplicaSets是否与CronJobs的suspend: "true"选项类似，但我愿意接受其他建议。最佳答案 From the official Kubernetes doc
c++ - 缩小/扩大带孔多边形的轮廓
我想使用 boost::polygon 扩展/收缩带孔的多边形。所以澄清一点，我有一个单一的数据结构 boost::polygon::polygon_with_holes_data inPoly 其中
Elixir map 缩小
我有一个 map 列表: [%{~D[2019-02-11] => 7}, %{~D[2019-02-12] => 1}, %{~D[2019-02-15] => 1}] 我正在尝试将其变成一张大
Jquery 图像幻灯片。缩小
我正在制作一个横幅，您可以使用jquery幻灯片功能缩放图像并且可以拖动图像。除了一件事之外，它工作完美。当您使用图像下方的幻灯片放大图像时，效果非常好。您可以将图像拖动到您想要的位置。但当你想用幻
extjs - 缩小 ExtJs
我们有一个 extjs 应用程序，其中我们布置的结构与 Sencha 推荐的结构不完全匹配。在我们的结构中，我们没有 app.js，但我们有一个 js，其中我们提到了自动加载和启动功能，示例如下以及文
javascript - 缩小/丑化我的应用程序
我想在 Chrome/Firefox 中运行的应用程序是: 用 typescript 写使用 React 使用 es 下一个功能(模块、导入等)编写有一些导入是纯 js 文件网页包 3 我可以在
javascript - 使用不带变换的宽度和高度在光标位置放大/缩小
我正在尝试像此处一样应用 Google map 的放大/缩小 - https://www.google.com/maps/@36.241201,-98.1261798,5.13z?hl=en我无法让它
javascript - Protractor :缩小
我正在使用 Protractor ，需要缩小到 50%，我尝试了 StackOverflow 上发布的其他几个问题的解决方案，但没有任何效果。其中一些包括: browser.actions().key

首页

博学

6Ren·AI

商城

javascript - 在 ASP.NET MVC 中组合和缩小 JS 和 CSS