Question

有没有人知道一个很好的方法做到以下，我需要通过CSS链接最多5个CSS文件在一个，这是非常糟糕的前往服务器...但它有助于我保持井井有条。 ..

在运行时，我会自动将所有css文件合并并缩小为1 ...

我想知道的是如何在设计时将源文件中的css文件链接到运行时不同？

我可以使用＆lt; %%＆gt;进行一些特殊的解决方法吗？标签

由于

Answer 1

我使用if（false）和HtmlHelper扩展来实现类似的效果。它可能看起来像：

<% if (false) { %>
   <link href="../content/styles/jquery-ui.css" ...
   <link href="../content/styles/site.css" ...
<% } %>
<%= Html.CSS( "jquery-ui.css", "site.css", ... ) %>

Answer 2

您可以在视图或母版页中尝试以下操作：

1）将min'ed CSS链接保留为

2）使用此条件块直接根据设计时间包含CSS文件：

<% if (this.DesignMode) { %>
 <link rel="stylesheet" type="text/stylesheet" href="css/styles.css" />
<% } %>

Answer 3

您可以在HTML中使用指向组合文件的链接，并使用构建事件将单独的文件合并到一个文件中。这样，在开发期间，您总能看到整齐的单独文件，但设计器（以及运行时）将始终看到组合文件。设计师并不关心你有一个或五个文件。这样您就不必执行任何条件设计时逻辑，并且您的代码将更清晰。

ASP.NET MVC通过代码修改CSS链接（运行时/开发）？

3 个答案: