如何在Asp.net Webform中链接style.less?

时间:2014-06-19 18:42:53

标签: css asp.net less

今天我发现了更少的样式表和egor来学习它。 但我很困惑它显示在检查元素Internel Server error 500 in linking less内部。

我首先通过nuget控制台中的命令安装它 即

PM -> install-package dotless

然后将标题内容中的样式表与

相关联
 <link rel="stylesheet" type="text/less" 
      href="Content/style.less" />

这是正确的方法吗?如果没有帮助。

1 个答案:

答案 0 :(得分:0)

您使用的样式仅建议用于调试。您需要将style.js脚本添加到您的站点,如下所示。您可能还需要确保将服务器配置为通过将MIME类型添加到站点配置来提供.less个文件。

<script src="less.js" type="text/javascript"></script>

但不,这不是生产使用的正确方法。您的浏览器不知道LESS是什么。您的浏览器仅了解CSS。出于测试目的,less.js能够将.less文件转换为可用的格式,但不建议将其用于生产用途。

相反,LESS的观点是它编译为CSS。然后以传统方式将CSS作为样式表提供。 LESS documentation应该会帮助你。作为一个简单的例子,这里是你如何编译LESS到CSS。

lessc styles.less > styles.css

在上面的命令中,lessc是编译器程序。 styles.less是您传递给编译器的LESS表。输出通常会转到STD OUT并且您在控制台中看到它,但由于我们包含> styles.css,我们将该STD OUT重定向到名为styles.css的文本文件中。< / p>