如何动态应用较少的样式表作为 css？答案

【问题标题】：How can I apply less stylesheets as a css on the fly?如何动态应用较少的样式表作为 css？
【发布时间】：2013-09-05 06:40:57
【问题描述】：

最近我开始尝试 LESS，我对此非常感兴趣。它是一个非常好的优化 css 的工具。无论如何，我安装到我的项目文件中，因为它是在他们的网站上写的 4 个步骤，非常 EZ。我使用带有剃须刀引擎的 MVC3 框架，在我看来，我只是不能将 .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 文件或修改视图引擎，如 int this article 或编写帮助程序 like this？

【问题讨论】：

这可能会回答你的问题...stackoverflow.com/questions/4081084/less-together-with-razor
我不想使用 squish。这使用了太多的 cpu 功率，还有其他建议吗？
您能详细说明您使用的是哪种环境吗？您是否在 asp.net 开发服务器上运行？在任何情况下，请从您的 web.config 中发布相关的 httpHandelers 部分。

标签： c# asp.net-mvc-3 less dotless

【解决方案1】：

如果您担心 CPU 使用率，您可以随时查看使用预编译，看看这个问题：Visual studio - precompile - dotless

答案提供了多种选择：

Pre-build task in your project file
Chirpy
使用无点编译器的命令行
许多人还编写了自定义构建工具（包括我自己）：JsBuildTools、LessCssForVisualStudio

【讨论】：