ASP.NET MVC Изменить CSS-ссылки с помощью кода (время выполнения / разработка)?

Question

Кто-нибудь знает хороший способ сделать следующее, мне нужно иметь доступ через CSS Links до 5 файлов CSS в одном, это очень плохо для поездок на сервер ... но это помогает мне поддерживать его организованность. ..

Во время выполнения я автоматически объединяю и минимизирую все CSS-файлы в 1 ...

Что мне было интересно, так это как иметь ссылки на CSS-файлы в моем источнике во время разработки и отличаться во время выполнения ??

Есть ли какой-нибудь специальный обходной путь, который я могу сделать с тегами <%%>?

Спасибо

Answer 1

Вы можете попробовать следующее на своей странице просмотра или главной странице:

1) Оставьте мини-ссылки CSS такими, какие они есть

2) Используйте этот условный блок для непосредственного включения файлов CSS, необходимых для времени разработки:

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

Answer 2

Вы можете иметь одну ссылку на объединенный файл в вашем HTML и использовать событие сборки, чтобы объединить ваши отдельные в один файл. Таким образом, во время разработки dev вы всегда видите аккуратные отдельные файлы, но дизайнер (и во время выполнения) всегда будет видеть объединенный файл. Дизайнер не заботится о том, есть ли один или 5 файлов, но вы делаете. Таким образом, вам не нужно выполнять какую-либо условную логику только во время разработки, и ваш код будет чище.

Answer 3

Я использую 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", ... ) %>