Вопрос по asp.net-mvc-4, asp.net-mvc – Lesscss и ASP.NET MVC

9

После перехода моего сайта с веб-страниц ASP.NET на MVC4 у меня возникли проблемы с Lesscss.

CSS + Javascript строки:

<link href="@Url.Content("~/Content/site.css")" rel="stylesheet/less" type="text/css" />
<script src="@Url.Content("~/Scripts/less-1.3.0.min.js")" type="text/javascript"></script>

Я понятия не имею, что не так. Пути верны. Таблица стилей работает, когда вы опускаете «/ Меньше». из ссылки CSS, чтобы использовать его как обычно. При попытке использовать файл Lesscss JS он загружается нормально, НО не загружается sylesheet. Инструменты F12 dev в IE также подтверждают, что таблица стилей не загружается.

У кого-нибудь еще были подобные проблемы при использовании Lesscss с MVC4?

Так как это проект .net, checkout без точек, порт c #. Это может быть лучше подходит для ваших нужд. Luke Page
Я думаюless.js должны быть загружены в первую очередь перед вашей таблицей стилей, ваша таблица стилей должна быть в.less не.css Drew

Ваш Ответ

2   ответа
24

На мой взгляд, простой способ сделать это лучше - использовать nuget. Вам не нужно использовать nuget, но это так просто.

  1. Install dotless using nuget.
  2. Install System.Web.Optimization.Less using nuget.
  3. Add your bundle

    bundles.Add(new LessBundle("~/Content/less")
                    .Include("~/Content/less/more.less"));
    
  4. Reference the bundle

    @Styles.Render("~/Content/less")
    
  5. Done

Здравствуйте, я попробовал это решение и его работу, но он создан пустой файл CSS
Нотабене Вы можете просто сделать 2., то есть установить System.Web.Optimization.Less с помощью nuget, так как он выберет 1 в качестве зависимости. Спасибо !
Наконец, быстрый и отличный ответ. Спасибо, что сэкономили мне время :)
Отличный ответ, спасибо! знак равно
Кратко и по существу. Спасибо.
8

Вы должны указать тип mime для меньшего расширения файла в вашем файле web.config и использовать его в своей ссылке вместо css.

<system.webServer>
  <staticContent>
    <mimeMap fileExtension=".less" mimeType="text/css" />
  </staticContent >
</system.webServer>

Лично я считаю, что использование dotless и обработка этого на сервере - лучший путь.

Кроме того, на самом деле это не ответ на ваш вопрос, а просто побочный эффект - с MVC4 вам больше не нужен @ Url.Content ().http://www.davidhayden.me/blog/asp.net-mvc-4-the-new-tilde-slash-feature-in-razor-2

Похожие вопросы