Как я могу применить меньше таблиц стилей как CSS на лету?
Недавно я начал экспериментировать с LESS, и я действительно в восторге от этого. Это действительно хороший инструмент для оптимизации CSS. Во всяком случае, я установил в свой проект файл, как было написано на их сайте 4 шага, очень EZ. Я использую MVC3 Framework с движком бритвы, и, на мой взгляд, я просто не могу применить файлы.less в качестве CSS для браузера.
Когда я использовал это, он просто работал блестяще
<style type="text/css">
@Less.Parse(".transparency(@opacity: 50) {opacity:@opacity/100; filter:~'alpha(opacity = '@opacity~')';}.disabled {.transparency}")
</style>
Но когда я попытался применить его как файл CSS, браузер просто проигнорировал его
<link rel="stylesheet/less" type="text/css" href="/Content/Css/Pm/Pm.less" media="screen" />
У меня не было ошибки компиляции в моем файле less, и скомпилированный файл less выглядел просто великолепно, я думал, что dotless собирается обработать его автоматически, но, очевидно, это не так. Я не уверен, что будет лучшим подходом, считывать содержимое файла в виде потока и записывать его обратно в файл CSS, или модифицировать механизм представления, например, в этой статье, или написать помощник, подобный этому?
1 ответ
Если вас беспокоит использование процессора, вы всегда можете посмотреть на использование прекомпиляции, взгляните на этот вопрос: Visual studio - precompile - dotless
Ответы дают ряд вариантов:
- Предварительная сборка задачи в вашем файле проекта
- чирикать
- Командная строка с использованием компилятора без точек
- Несколько человек также написали собственные инструменты сборки (включая меня): JsBuildTools, https://github.com/StevePotter/LessCssForVisualStudio