blocks|key|644803|text|另一种选择是创建一个HTML+Helper，您可以使用它来构建脚本和链接标记。以下是我为Javascript实现的内容，也可以为CSS实现：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|644804|public+static+class+BundleHelper
++++{
++++++++public+static+MvcHtmlString+JsBundle(this+HtmlHelper+helper,+string+bundlePath)
++++++++{
++++++++++++var+jsTag+=+new+TagBuilder("script");
++++++++++++jsTag.MergeAttribute("type",+"text/javascript");

++++++++++++return+ReferenceBundle(helper,+bundlePath,+jsTag);
++++++++}

++++++++public+static+MvcHtmlString+ReferenceBundle(this+HtmlHelper+helper,+string+bundlePath,+TagBuilder+baseTag)
++++++++{
++++++++++++var+httpContext+=+helper.ViewContext.HttpContext;
++++++++++++var+urlHelper+=+new+UrlHelper(helper.ViewContext.RequestContext);

++++++++++++Bundle+bundle+=+BundleTable.Bundles.GetBundleFor(bundlePath);
++++++++++++var+htmlString+=+new+StringBuilder();

++++++++++++if+(bundle+!=+null)
++++++++++++{
++++++++++++++++var+bundleContext+=+new+BundleContext(helper.ViewContext.HttpContext,+BundleTable.Bundles,+urlHelper.Content(bundlePath));

++++++++++++++++if+(!httpContext.IsDebuggingEnabled)
++++++++++++++++{
++++++++++++++++++++baseTag.MergeAttribute("href",+System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl(bundlePath));
++++++++++++++++++++return+new+MvcHtmlString(baseTag.ToString());
++++++++++++++++}

++++++++++++++++foreach+(var+file+in+bundle.EnumerateFiles(bundleContext))
++++++++++++++++{
++++++++++++++++++++var+basePath+=+httpContext.Server.MapPath("~/");
++++++++++++++++++++if+(file.FullName.StartsWith(basePath))
++++++++++++++++++++{
++++++++++++++++++++++++var+relPath+=+urlHelper.Content("~/"+%2B+file.FullName.Substring(basePath.Length));
++++++++++++++++++++++++baseTag.MergeAttribute("href",+relPath,+true);
++++++++++++++++++++++++htmlString.AppendLine(baseTag.ToString());
++++++++++++++++++++}
++++++++++++++++}

++++++++++++}

++++++++++++return+new+MvcHtmlString(htmlString.ToString());
++++++++}
++++}|code-block|syntax|javascript|644805|现在你要做的就是在你的视图中调用它：|644806|<head>
++++<meta+charset="utf-8"+/>
++++<title>@ViewBag.Title+-+My+ASP.NET+MVC+Application</title>
++++<link+href="~/favicon.ico"+rel="shortcut+icon"+type="image/x-icon"+/>
++++<link+href="~/Content/css"+rel="stylesheet"+type="text/css"+/>
++++<link+href="~/Content/themes/base/css"+rel="stylesheet"+type="text/css"+/>
++++@Html.JsBundle("~/scripts/js")
++++<meta+name="viewport"+content="width=device-width"+/>
</head>|644807|它会将脚本呈现为单独的引用，或者根据web.config中的调试设置使用新的捆绑/缩减功能。如果你想看更多的例子，在创建我的帮助器时，我使用了一些来自http://codecutout.com/resource-minify-bundling的代码作为参考。它们的帮助器写得更好一些，当提供无效参数时抛出异常，等等。我只是还没来得及清理我的房间。|offset|length|644808|entityMap|0|LINK|mutability|MUTABLE|url|http://codecutout.com/resource-minify-bundling^0|0|0|0|0|23|1A|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

Another option would be to create an HTML Helper that you could use to build the script and link tags. Here is what I have implemented for the Javascript, which can also be done for the CSS:

<pre><code>public static class BundleHelper
 {
 public static MvcHtmlString JsBundle(this HtmlHelper helper, string bundlePath)
 {
 var jsTag = new TagBuilder("script");
 jsTag.MergeAttribute("type", "text/javascript");

 return ReferenceBundle(helper, bundlePath, jsTag);
 }

 public static MvcHtmlString ReferenceBundle(this HtmlHelper helper, string bundlePath, TagBuilder baseTag)
 {
 var httpContext = helper.ViewContext.HttpContext;
 var urlHelper = new UrlHelper(helper.ViewContext.RequestContext);

 Bundle bundle = BundleTable.Bundles.GetBundleFor(bundlePath);
 var htmlString = new StringBuilder();

 if (bundle != null)
 {
 var bundleContext = new BundleContext(helper.ViewContext.HttpContext, BundleTable.Bundles, urlHelper.Content(bundlePath));

 if (!httpContext.IsDebuggingEnabled)
 {
 baseTag.MergeAttribute("href", System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl(bundlePath));
 return new MvcHtmlString(baseTag.ToString());
 }

 foreach (var file in bundle.EnumerateFiles(bundleContext))
 {
 var basePath = httpContext.Server.MapPath("~/");
 if (file.FullName.StartsWith(basePath))
 {
 var relPath = urlHelper.Content("~/" + file.FullName.Substring(basePath.Length));
 baseTag.MergeAttribute("href", relPath, true);
 htmlString.AppendLine(baseTag.ToString());
 }
 }

 }

 return new MvcHtmlString(htmlString.ToString());
 }
 }
</code></pre>

Now all that you have to do is call it in your view:

<pre><code>&lt;head&gt;
 &lt;meta charset="utf-8" /&gt;
 &lt;title&gt;@ViewBag.Title - My ASP.NET MVC Application&lt;/title&gt;
 &lt;link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /&gt;
 &lt;link href="~/Content/css" rel="stylesheet" type="text/css" /&gt;
 &lt;link href="~/Content/themes/base/css" rel="stylesheet" type="text/css" /&gt;
 @Html.JsBundle("~/scripts/js")
 &lt;meta name="viewport" content="width=device-width" /&gt;
&lt;/head&gt;
</code></pre>

And it will render the scripts as separate references, or use the new bundling/minification feature depending on what the debug setting is in your web.config . I used some of the code from <a href="http://codecutout.com/resource-minify-bundling" rel="nofollow">http://codecutout.com/resource-minify-bundling</a> as a reference when creating my helper if you wanted to see some more examples. Their helper is written a little better, throwing exceptions when invalid arguments are supplied, etc.... I just haven't gotten around to cleaning mine up yet.

blocks|key|430291|text|在Global.asax中调用EnableDefaultBundles()之后，您可以这样做...|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|430292|++++++++if+(+...+running+in+development+environment+...)
++++++++{
++++++++++++var+registeredBundles+=+BundleTable.Bundles.GetRegisteredBundles();
++++++++++++foreach+(var+bundle+in+registeredBundles)
++++++++++++{
++++++++++++++++if+(bundle.Transform+is+System.Web.Optimization.JsMinify)
++++++++++++++++++++bundle.Transform+=+new+NoTransform();
++++++++++++}
++++++++}|code-block|syntax|javascript|430293|不是很漂亮(修改系统设置的状态)，但它的代码比所有其他建议少得多，仍然允许您使用标准的捆绑行为，并且它不涉及对视图的任何更改。|430294|entityMap^0|F|M|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

After the call to <code>EnableDefaultBundles()</code> in Global.asax, you can do this ...

<pre><code> if ( ... running in development environment ...)
 {
 var registeredBundles = BundleTable.Bundles.GetRegisteredBundles();
 foreach (var bundle in registeredBundles)
 {
 if (bundle.Transform is System.Web.Optimization.JsMinify)
 bundle.Transform = new NoTransform();
 }
 }
</code></pre>

Not pretty (modifying state set by the system), but it's a lot less code than all the other suggestions, still lets you use the standard bundling behavior and it doesn't involve any changes to your views.

blocks|key|644888|text|在Global.asax.cs中|type|unstyled|depth|inlineStyleRanges|entityRanges|data|644889|#if+DEBUG
++++++++foreach+(var+bundle+in+BundleTable.Bundles)
++++++++{
++++++++++++bundle.Transform+=+new+NoTransform();
++++++++}
#endif|code-block|syntax|javascript|644890|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In Global.asax.cs

<pre><code>#if DEBUG
 foreach (var bundle in BundleTable.Bundles)
 {
 bundle.Transform = new NoTransform();
 }
#endif
</code></pre>

blocks|key|644973|text|我认为这将是正确的，如果这样的功能将是“开箱即用”。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|644974|我在UserVoice.com上发布了一个反馈：http://aspnet.uservoice.com/forums/41201-asp-net-mvc/suggestions/2702000-improve-system-web-optimization-bundle|offset|length|644975|给它你的“声音”。|644976|entityMap|0|LINK|mutability|MUTABLE|url|http://aspnet.uservoice.com/forums/41201-asp-net-mvc/suggestions/2702000-improve-system-web-optimization-bundle^0|0|O|33|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

I think it would be right, if such feature will be available "out of the box". 

I posted a feedback on UserVoice.com: <a href="http://aspnet.uservoice.com/forums/41201-asp-net-mvc/suggestions/2702000-improve-system-web-optimization-bundle" rel="nofollow">http://aspnet.uservoice.com/forums/41201-asp-net-mvc/suggestions/2702000-improve-system-web-optimization-bundle</a>

Give it your "voices".

blocks|key|430422|text|尝试一个新的System.Web.Optimization+-+Bundle+Transformer扩展。在Bundle+Transformer中，实现了许多简化调试的机会(参见documentation)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|430423|entityMap|0|LINK|mutability|MUTABLE|url|http://bundletransformer.codeplex.com/|1|http://bundletransformer.codeplex.com/documentation^0|W|I|0|2H|D|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

Try a new extension for System.Web.Optimization - <a href="http://bundletransformer.codeplex.com/" rel="nofollow">Bundle Transformer</a>. In Bundle Transformer implemented a number of opportunities to simplify debugging (see <a href="http://bundletransformer.codeplex.com/documentation" rel="nofollow">documentation</a>).

blocks|key|430470|text|您可以在config中将其关闭：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|430471|<system.web>
++++<compilation+debug="true"+/>
++++
</system.web>|code-block|syntax|javascript|430472|http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification|offset|length|430473|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|1S|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|T|8|@]|9|@$I|U|J|V|1|W]]|A|$]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|H]]]]

you can turn it off from config:

<pre><code>&lt;system.web&gt;
 &lt;compilation debug="true" /&gt;
 &lt;!-- Lines removed for clarity. --&gt;
&lt;/system.web&gt;
</code></pre>

<a href="http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification" rel="nofollow">http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification</a>

blocks|key|645157|text|另一个替代方案(使用v1.1.0.0和MVC5进行测试)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|645158|public+class+BundleConfig
{
++++public+static+void+Register()
++++{
++++++++ScriptBundle+jsBundle+=+new+ScriptBundle("~/Scripts/myscript.min.js");
++++++++jsBundle.Include("~/Scripts/myscript.js");
++++++++DisableInDebugMode(jsBundle);

++++++++BundleTable.Bundles.Add(jsBundle);
++++}

++++private+static+void+DisableInDebugMode(ScriptBundle+jsBundle)
++++{
++++#if+DEBUG
++++++++//+Don't+minify+in+debug+mode
++++++++jsBundle.Transforms.Clear();
++++#endif
++++}
}|code-block|syntax|javascript|645159|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Another alternative (tested with v1.1.0.0 and MVC5):

<pre><code>public class BundleConfig
{
 public static void Register()
 {
 ScriptBundle jsBundle = new ScriptBundle("~/Scripts/myscript.min.js");
 jsBundle.Include("~/Scripts/myscript.js");
 DisableInDebugMode(jsBundle);

 BundleTable.Bundles.Add(jsBundle);
 }

 private static void DisableInDebugMode(ScriptBundle jsBundle)
 {
 #if DEBUG
 // Don't minify in debug mode
 jsBundle.Transforms.Clear();
 #endif
 }
}
</code></pre>

blocks|key|430548|text|在较新版本的ASP.NET+MVC上，只需添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|430549|#if+DEBUG
++++++++++++foreach+(var+bundle+in+BundleTable.Bundles)
++++++++++++{
++++++++++++++++bundle.Transforms.Clear();
++++++++++++}
#endif|code-block|syntax|javascript|430550|紧随其后|430551|BundleConfig.RegisterBundles(...);|430552|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

On newer versions of ASP.NET MVC just add

<pre><code>#if DEBUG
 foreach (var bundle in BundleTable.Bundles)
 {
 bundle.Transforms.Clear();
 }
#endif
</code></pre>

right after

<pre><code>BundleConfig.RegisterBundles(...);
</code></pre>

I am just trying out ASP.NET MVC 4 but I can't figure out how to disable Javascript/CSS minification feature. Especially for development environment this will help greatly on debugging. I would imagine it would be a switch in web.config but since ASP.NET MVC 4 is still in beta stage at the moment there's really not much information out there. Would appreciate if someone can help or point to the right blog posts etc.

How to disable Javascript/CSS minification in ASP.NET MVC 4 Beta

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我只是在试用Javascript MVC4，但是我不知道如何禁用ASP.NET /CSS缩小功能。特别是对于开发环境，这对调试有很大的帮助。我想这会是web.config的一个转变，但是由于ASP.NET MVC4目前还处于测试阶段，所以没有太多的信息。如果有人可以帮助或指出正确的博客帖子等，我将不胜感激。

问如何在ASP.NET MVC4Beta中禁用Javascript/CSS缩小
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ASP.NET MVC4Beta中禁用Javascript/CSS缩小EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ASP.NET MVC4Beta中禁用Javascript/CSS缩小
EN